一个例子：
虽然UI上input field里显示的是Jerry，但是Chrome开发者工具里面并没有显示出来。
注意上图最下方，显示的input后面有#shadow-root.div.
打开settings elements区域的"Show user agent shadow DOM"即可：
现在能够在Chrome开发者工具里看到这个shadow DOM了：
html页面和Chrome开发者工具elements界面不一致的一个可能原因：没有在Chrome开发者工具里打开对Shadow DOM显示的支持
2021-12-08
194
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
html页面和Chrome开发者工具elements界面不一致的一个可能原因：没有在Chrome开发者工具里打开对Shadow DOM显示的支持
目录
相关文章
|
8月前
|
3月前
|
Web App开发
前端开发
搜索推荐
|
5月前
|
6月前
|
Web App开发
JavaScript
前端开发
|
Web App开发
iOS开发
|
Web App开发
|
Web App开发
|
Web App开发
Java
容器
WebOffice在线编辑ActiveX插件（Excel，word等），兼容IE，FireFox,Chrome等浏览器
关于点聚的weboffice ActiveX插件的使用在IE下只需要安装对应weboffice.ocx插件即可实现在线文档编辑。对于非IE如谷歌、火狐浏览器来说就有些不同了的，如果想要兼容谷歌和火狐需要采用标准的NPAPI的开发的插件，具体的需要做以下几个步骤：
1、请安装下面链接地址的插件包
目前版本：官网
点击打开链接
2、安装插件包完成后调整加载weboffic
6225
0
0
|
Web App开发
JavaScript
开发者
html页面和Chrome开发者工具elements界面不一致的一个可能原因：没有在Chrome开发者工具里打开对Shadow DOM显示的支持
html页面和Chrome开发者工具elements界面不一致的一个可能原因：没有在Chrome开发者工具里打开对Shadow DOM显示的支持
114
0
0
|
Web App开发
开发者
