Google chrome devtools 在Chrome开发者工具的“元素”窗口中获取行号？

在Chrome中，工具->开发工具->元素选项卡。源代码旁边没有行号。有没有办法打开它们？

不知道它有多有用，但您可以右键单击“元素”选项卡中的html元素，选择“复制为html”，然后将结果粘贴到您喜爱的文本编辑器中。这将为您提供DOM的行号，因为它存在于您复制它的位置

---

正如注释所指出的，这与源代码行号不对应。

在开发人员区域中无法显示行号。您可以在网页中按CTRL+U键，以查看代码行。

---

祝你好运

我不知道自发布以来Chrome开发工具是否发生了变化，但你现在可以这样做：

单击错误旁边的箭头展开错误，然后单击显示stack。。。它将扩展到相同的错误消息以及发生错误的源行

---

我希望这有帮助

如果您转到“查看页面源”，将显示当前行号。右键单击->查看页面源，或在Windows上按Ctrl+U，或在Mac上按Cmd+Option+U

---

值得一提的是，我需要这个，因为我得到了一个带有行号的javascript错误。开发工具没有在常规源代码选项卡中显示此代码段，大概是因为它嵌入了HTML中，我遇到了一个编译错误，丢失了逗号。

尝试chrome扩展：

它没有行号，因为它是HTML代码的解析和更正版本，行号可能与您在代码编辑器中看到的非常不同。找到完全相同的元素的最佳方法是向元素添加一个ID属性，然后使用document.querySelectorAll'CUSTOM_ID'；

---

如果您想查看浏览器从服务器收到的未更改的HTML内容，只需右键单击页面并选择“查看页面源”

按F12或转到开发人员工具。单击“源”选项卡，双击左侧窗格中已选定的文件。请参见下面此网页的屏幕截图

---

换句话说：Chrome可能会显示行号，但由于DOM结构的动态变化，行号不一定与原始源代码中的行号对应。我知道，如果你在修改一个可以保证不会被脚本动态更改的文档，这可能会很有用，但我仍然认为没有办法。如果你使用插件验证HTML，并且它在浏览器中为你提供来自同一来源的行号，这可能会很有用，那么，给出的行号是完全相关的，这个问题并没有说明任何错误-只是DOM检查器。复制此处链接内容的重要部分是一个很好的做法。我不需要一直看到它，所以这很有效。真是一个小问题。当您在开发时打印大量信息时，控制台的行号非常有用，特别是对于单页应用程序。它不应该与文档结构有任何关系。我可以记住一个行号，然后很容易地返回到它，而不是在冗长的新信息中丢失，这也是必要和有用的。或者在调试时共享屏幕时。手机上的开发者可以参考线路号码，而不是说，那里的div。。。不，另一个分区。不，另一个分区下面的分区。这很好，但这不会呈现客户端应用程序注入的代码。view-source仅显示来自服务器的响应。