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

    科技2023-10-20  91

    一个例子:

    虽然UI上input field里显示的是Jerry,但是Chrome开发者工具里面并没有显示出来。

    注意上图最下方,显示的input后面有#shadow-root.div.

    打开settings elements区域的"Show user agent shadow DOM"即可:

    现在能够在Chrome开发者工具里看到这个shadow DOM了:

    要获取更多Jerry的原创文章,请关注公众号"汪子熙":

    汪子熙 认证博客专家 前端框架 Node.js SAP JerryWang,2007年从电子科技大学计算机专业硕士毕业后加入SAP成都研究院工作至今。Jerry是SAP社区导师,SAP中国技术大使。2020年5月下旬,Jerry做了脑部肿瘤的开颅切除手术,对编程和人生又有了新的感悟。
    Processed: 0.020, SQL: 8