括号代码编辑器 - data-bracket-id =问题

时间:2016-04-02 06:58:42

标签: google-chrome-devtools adobe-brackets

我对编码比较陌生,但在尝试了几个不同的编辑后,我已经登上了Brackets,这是我最熟悉的。

虽然有一件事让我烦恼。在Chrome Dev Tools Brackets中,我自己的HTML数据括号-id

<body data-brackets-id='8'>
  <div data-brackets-id='9' id="result"></div>
</body>

显然这并没有反映在实际的代码中,但这是一种烦恼,使代码更难阅读。它也让我的导师变得疯狂。

我认为它与Brackets中的Live View功能有关(我非常喜欢),但我想知道并且还想知道它是否可以被禁用。

我真的不想谈论哪个编辑器是最好的,因为我们都知道那里有很多优秀的代码编辑器。但如果你有解决方案,我真的很想知道。

非常感谢。

1 个答案:

答案 0 :(得分:1)

是的,实时预览需要这些ID才能在您输入时立即更新HTML(check out this talk以获取解释原因)。

您可以通过一些工作摆脱id属性,但HTML编辑只会在您保存文件时反映出来(它会自动重新加载)。 CSS 编辑仍会在每次击键时反映出来,因为这不需要ID。为此,您需要设置自定义本地Web服务器,然后在localhost URL处指向括号。有关详细信息,请参阅括号文档中的Live Preview - Using your own backend

但是,通常只有在打开开发工具时才会告诉ids存在 - 这通常会断开实时预览。所以另一种选择是在刚刚编辑时使用实时预览和完整的HTML实时更新,但是当您需要使用开发工具调试页面时,打开页面而不用实时预览。