一個例子：

雖然UI上input field里顯示的是Jerry，但是Chrome開發者工具里面并沒有顯示出來。

注意上圖最下方，顯示的input后面有#shadow-root.div.

打開settings elements區域的"Show user agent shadow DOM"即可：

現在能夠在Chrome開發者工具里看到這個shadow DOM了：

要獲取更多Jerry的原創文章，請關注公眾號"汪子熙":

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的html页面和Chrome开发者工具elements界面不一致的一个可能原因：没有在Chrome开发者工具里打开对Shadow DOM显示的支持的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。