在 Chrome 中，工具 -> 开发人员工具 -> 元素选项卡。源代码旁边没有行号。有没有办法打开它们？
user288926
问问题
50309 次
7 回答
20
没有办法在开发者区域显示数字行。您可以在要查看代码行的网页中按CTRL+ 。U祝你好运
于 2013-12-28T09:01:30.670 回答
13
不知道它会有多大用处，但您可以右键单击元素选项卡中的 html 元素，选择“复制为 HTML”并将结果粘贴到您喜欢的文本编辑器中。这将为您提供 DOM 的行号，因为它存在于您复制它的位置。
就像评论指出的那样，这与源代码行号不对应。
于 2013-09-09T19:01:00.883 回答
9
如果你去查看页面源，这将显示当前的行号。右键单击 -> 查看页面源代码，或者在 Windows 上点击Ctrl+ ，或者在 Mac上点击+ + 。UCmdOptionU
对于它的价值，我需要这个，因为我收到带有行号的 javascript 错误。开发工具没有在常规源选项卡中显示此代码段，可能是因为它嵌入在 HTML 中并且我遇到了编译错误（愚蠢的缺少逗号）。
于 2015-05-14T14:47:18.810 回答
4
按“F12”或进入开发者工具。单击 Sources 选项卡，双击左侧窗格中已选择的文件。请参阅下面此网页的屏幕截图。
于 2019-06-27T12:56:51.897 回答
1
它没有行号，因为它是您的 HTML 代码的解析和更正版本，并且行号可能与您在代码编辑器中看到的非常不同。找到完全相同的元素的最佳方法是向元素添加一个 ID 属性，然后使用 document.querySelectorAll('#CUSTOM_ID'); 如果您想查看未更改的 HTML（浏览器从服务器接收到的内容），只需右键单击页面并选择view page source。
于 2016-04-18T10:27:56.067 回答
-1
尝试 chrome 扩展转到行：
于 2015-12-14T11:39:58.023 回答
-5
我不知道 Chrome DevTools 自发布以来是否发生了变化，但您现在可以这样做：
通过单击旁边的箭头展开错误，然后单击显示 stack(...) 的行，它将展开为相同的错误消息以及发生错误的源行。
我希望这有帮助！
于 2014-02-10T17:46:26.933 回答