当我在 Google Chrome 中打开开发人员工具时,我看到了各种功能,例如配置文件、时间线和审核,但是缺少基本功能,例如能够在 js 文件和 html 和 javascript 代码中设置断点!我尝试使用 javascript 控制台,它本身就有问题 - 例如,一旦遇到 JS 错误,除非我刷新整个页面,否则我无法摆脱它。有人可以帮忙吗?
.php
文件中有一些内联脚本,Chrome 无法在 Chrome devtool 的 Source
选项卡中显示源文件。我尝试了 Firefox,一切都按预期工作。
您是在谈论 <script>
标记中的代码还是 HTML 标记属性中的代码,像这样?
<a href="#" onclick="alert('this is inline JS');return false;">Click</a>
无论哪种方式,这样的 the debugger
keyword 都会起作用:
<a href="#" onclick="debugger; alert('this is inline JS');return false;">Click</a>
注意如果开发工具未打开,Chrome 将不会在 debugger
s 暂停。
您还可以在 JS 文件和 <script>
标签中设置属性断点:
单击 Sources 选项卡 单击 Show Navigator 图标并选择文件 双击左边空白处的 a 行号。相应的行将添加到断点面板 (4)。
https://i.stack.imgur.com/gAp7V.png
相似问题