用Google Chrome调试和编辑嵌入HTML页面的javascript
如果javascript在.js文件中，Chrome开发人员工具允许您在浏览器中编辑javascript。然而，它似乎不允许我编辑嵌入在HTML页面中的javascript。即：
<script type="text/javascript>
// code here that I want to debug/edit
</script> 这对我来说是一个大问题，因为我在某个页面中嵌入了相当多的javascript。
类似于这个问题：Edit JavaScript blocks of web page... live，但这是关于火狐的，而不是chrome。
如何使用Google Chrome开发人员工具编辑嵌入到页面中的javascript？
回答 5
Stack Overflow用户
发布于 2011-09-21 18:02:17
实际上chrome允许这样做，在开发人员工具窗口的源标签中选择HTML文件。您将看到HTML而不是javascript，并且只需在<script>标记中添加断点。您还可以添加debugger;命令来编写要调试的脚本。例如：
<script>
// some code
debugger; // This is your breakpoint
// other code you will able to debugg
</script>当你想发布你的网站时，不要忘了删除debugger;。
Stack Overflow用户
发布于 2012-09-20 00:48:59
我很难找到包含我的内联/嵌入式javascript的文件。对于其他有同样问题的人来说，这可能会有帮助，也可能没有帮助。
在Windows上使用Chrome 21.0.1180.89 m
所有的文件都是在点击这个非常谨慎的按钮后显示的。请参见：
现在你可以开始调试了。
Stack Overflow用户
发布于 2015-03-27 03:35:41
这些答案对我来说都不管用。
对我来说起作用的是，如果我已经在页面上加载了我的javascript，我可以复制该javascript，编辑它，然后将其粘贴到控制台中，它将重新定义任何函数或任何需要重新定义的内容。
例如，如果页面具有：
<script>
var foo = function() { console.log("Hi"); }
</script>我可以在脚本之间获取内容，编辑它，然后将其输入到调试器中，如下所示：
foo = function() { console.log("DO SOMETHING DIFFERENT"); }这对我来说很管用。
或者如果你喜欢的话，
function foo() {
doAThing();
}你可以直接输入
function foo() {
doSomethingElse();
}而foo将被重新定义。
可能不是最好的解决方法，但它是有效的。
https://stackoverflow.com/questions/7497913
复制相似问题
腾讯云开发者
