當我使用瀏覽器的開發工具查看頁面上的某些元素時會發生什麼？

Question

有幾次，我遇到了我們的網頁的一個奇怪的行爲：如果我只是打開頁面，它以一種方式看起來，如果我用我的瀏覽器提供的開發人員工具查看該頁面的某些元素 - 元素改變。如果我點擊某個div並在開發工具中查看它，看起來好像會引發一些刷新事件。

有誰知道發生了什麼？

例如，在我目前的情況下，我有一些div，半透明的背景，應該在某些事件發生後移動。它在所有瀏覽器中移動，除了歌劇。在Opera中，根本不顯示。但萬一我用Opera開發工具檢查這個div，div就變得可見了！當我切換到標準模式時 - 它會再次隱藏。

當我使用開發工具跟蹤某些div的數據時會發生什麼？

Answer 1

這是所有可視化開發編輯器和調試器的常見行爲。爲了允許編輯/調試項目，它們將組件的可見性屬性覆蓋爲TRUE。

以正常模式返回，當然會將所有屬性設置爲其實際值。