在Chrome开发者工具的元素窗口中获取行号?

24 google-chrome-devtools

在Chrome中,工具 - >开发人员工具 - >元素标签.源代码旁边没有行号.有没有办法切换它们?

小智 14

无法在开发人员区域中显示数字行.您可以在要查看代码行的网页中按CTRL+ U.祝好运

  • 这很棒,但是这不会渲染客户端应用程序注入的代码。“view-source”仅显示来自服务器的响应。 (2认同)

jks*_*der 11

不知道它有多么有用,但您可以右键单击Elements选项卡中的html元素,选择"Copy as HTML"并将结果粘贴到您喜欢的文本编辑器中.这将为您提供DOM的行号,因为它存在于您复制它的位置.

就像评论所指出的那样,这与源行号不对应.


Han*_*ele 7

如果您转到"查看页面源",则会显示当前行号.中单击鼠标右键- >查看网页源代码,或打Ctrl+ U在Windows,或Cmd+ Option+ UMac上.

为了它的价值,我需要这个,因为我收到了一个带行号的javascript错误.开发工具没有在常规源选项卡中显示这个片段,大概是因为它嵌入在HTML中并且我有编译错误(愚蠢的缺少逗号).


小智 7

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

在此输入图像描述