当前位置:网站首页 > 网站建设教程 > HTML教程 > 正文

html页面和Chrome开发者工具elements界面不一致的一个可能原因:没有在Chrome开发者工具里打开对Shadow DOM显示的支持

教程管理员 发布于2023-09-24 17:04 HTML教程 159

简介: html页面和Chrome开发者工具elements界面不一致的一个可能原因:没有在Chrome开发者工具里打开对Shadow DOM显示的支持

一个例子:

虽然UI上input field里显示的是Jerry,但是Chrome开发者工具里面并没有显示出来。image.png注意上图最下方,显示的input后面有#shadow-root.div.

打开settings elements区域的"Show user agent shadow DOM"即可:image.png现在能够在Chrome开发者工具里看到这个shadow DOM了:

image.png


琼ICP备09004296号-12