当我在谷歌Chrome中打开开发人员工具时，我看到了各种各样的功能，如配置文件，时间线和审计，但基本功能，如能够在js文件和html和javascript代码中设置断点是缺失的!我尝试使用javascript控制台，它本身就有bug——例如，一旦遇到JS错误，除非刷新整个页面，否则我无法摆脱它。有人能帮忙吗?
当前回答
调试ajax返回的html内部脚本的另一个直观的简单技巧是临时将console.log("test")放在脚本中。
触发事件后，打开开发人员工具中的控制台选项卡。 您将看到源文件链接显示在"test"调试打印语句的右侧。只需单击源代码(类似VM4xxx)，现在就可以设置断点了。
附注:此外，你可以考虑把“调试器”声明，如果你正在使用chrome，就像什么是由@Matt球的建议
其他回答
你必须将type="text/javascript"添加到脚本块中，以便将它们作为脚本拾取。例如: <script type="text/javascript">…你的代码在这里…> < /脚本
对于像我这样的人:只是想
(添加断点)调试正常的js代码 < >脚本…</script>内部/嵌入HTML
步骤:
来源->页面->顶部->找到你的html ->点击->右侧显示html和js脚本->添加断点->调试
使用Visual Studio(2012)我有同样的问题，切换到IIS Express解决了问题!
脚本标记的type属性没有被考虑在内。
由于某些原因，Visual Studio开发服务器没有提供Chrome启用断点所需的一切。
调试ajax返回的html内部脚本的另一个直观的简单技巧是临时将console.log("test")放在脚本中。
触发事件后，打开开发人员工具中的控制台选项卡。 您将看到源文件链接显示在"test"调试打印语句的右侧。只需单击源代码(类似VM4xxx)，现在就可以设置断点了。
附注:此外，你可以考虑把“调试器”声明，如果你正在使用chrome，就像什么是由@Matt球的建议
这是上文Rian Schmits回答的延伸。在我的例子中，我在JavaScript代码中嵌入了HTML代码，除了HTML代码，我看不到其他任何东西。也许Chrome调试已经改变了多年，但右键单击源/源选项卡给我添加文件夹到工作区。我可以添加我的整个项目，这让我可以访问我所有的JavaScripts。你可以在这个链接中找到更多细节。我希望这能帮助到一些人。
