如何从html中删除#shadow-root(user-agent)

Question

什么是#shadow-root(用户代理)？如何从文本框中删除它？

详细信息
这是我的代码:

<input type="text" name="pincode" class="form-control frm_pincode" value="" />

但是当我检查它时,我看到了

<input type="text" name="pincode" class="form-control frm_pincode" value="">
  #shadow-root (user-agent)
  <div id="inner-editor"></div>
</input>

Answer 1

本质上，它封装了代码，使其更易于管理。在不必使您确实生成的代码的功能不可用的情况下，不必删除某些东西。

以下是所使用的库对您隐藏的代码，因此您不必担心对某些对象进行编码。Chrome浏览器可让您查看代码中的#shadow Doms位置。

  #shadow-root (user-agent)
  <div id="inner-editor"></div>

从下面的链接中查看以下说明：

概括地说，Shadow DOM是HTML规范的新组成部分，允许开发人员封装其HTML标记，CSS样式和JavaScript。ShadowDOM以及我们稍后将介绍的其他一些技术使开发人员能够构建他们自己的第一类标签和API就像or标签一样。这些新标签和API统称为Web组件。”

以下链接是帮助理解影子DOM的关键：http :
//robdodson.me/blog/2013/08/26/shadow-dom-introduction/

这利用了影子DOM使得创建自定义标签成为可能：https：
//www.polymer-project.org/

最后，Chrome开发者工具选项下还有一个选项可用于“显示用户代理阴影DOM”