已解決430363個問題，去搜搜看，總會有你想問的

如何使用 Chrome 開發工具來查明頁面上元素移動的原因？

首頁猿問如何使用 Chrome...

JavaScript

呼如林 2023-08-24 10:17:18

我頁面頂部的某些內容導致內容布局發生重大變化。內容渲染，然后向上跳躍 300px，然后向下跳回到正常位置。我嘗試過單步執行代碼，但是只有當您知道希望代碼在哪里停止時，這才顯得有用。如何使用開發工具有效地找到導致此問題的 javascript 和/或元素？這是網站

查看完整描述

1 回答

慕婉清6462132

TA貢獻1804條經驗獲得超2個贊

使用 Chrome 中的性能工具，您可以記錄您的會話。您可以將鼠標懸停在屏幕截圖上，直到看到頁面發生變化。在這種情況下，就像跳轉發生一樣，您會看到“onLoad”事件

這可能表明頁面加載事件中存在一些 javascript 加載，從而改變了您的樣式？

單擊匿名函數或任何這些事件將允許您在摘要中查看源代碼中發生這種情況的位置。

然后您可以在發生這種情況的代碼中設置一個斷點。（單擊該行左側的行號）

繼續嘗試，直到找到可能的問題所在

反對回復 2023-08-24

關注

舉報

0/150

提交

取消