当我在谷歌Chrome中打开开发人员工具时,我看到了各种各样的功能,如配置文件,时间线和审计,但基本功能,如能够在js文件和html和javascript代码中设置断点是缺失的!我尝试使用javascript控制台,它本身就有bug——例如,一旦遇到JS错误,除非刷新整个页面,否则我无法摆脱它。有人能帮忙吗?


当前回答

你也可以给你的脚本一个名字:

< >脚本 ... (你的代码在这里) / / # sourceURL = somename.js > < /脚本

当然,用一些名字替换“someename”;)然后你会在chrome调试器“Sources > top > (no domain) > someename .js”中看到它作为一个正常的脚本,你将能够像其他脚本一样调试它

其他回答

如果你看不到“脚本”选项卡,请确保你启动Chrome时设置了正确的参数。当我用参数——remote-shell-port=9222启动Chrome调试服务器端JavaScript时,我遇到了这个问题。我没有问题,如果我启动Chrome没有参数。

我也有同样的问题,如何调试JavaScript是在<script>标签。但后来我在Sources选项卡下找到了它,名为“(index)”,带圆括号。单击行号以设置断点。

这是Chrome 71。

在脚本选项卡上打开开发人员工具时,刷新包含脚本的页面。这将在文件列表中添加一个(程序)条目,显示页面的html(包括脚本)。从这里可以添加断点。

这是上文Rian Schmits回答的延伸。在我的例子中,我在JavaScript代码中嵌入了HTML代码,除了HTML代码,我看不到其他任何东西。也许Chrome调试已经改变了多年,但右键单击源/源选项卡给我添加文件夹到工作区。我可以添加我的整个项目,这让我可以访问我所有的JavaScripts。你可以在这个链接中找到更多细节。我希望这能帮助到一些人。

使用Visual Studio(2012)我有同样的问题,切换到IIS Express解决了问题!

脚本标记的type属性没有被考虑在内。

由于某些原因,Visual Studio开发服务器没有提供Chrome启用断点所需的一切。