在Chrome调试器中编辑 [英] Editing in the Chrome debugger

问题描述

如何动态编辑Chrome调试器中的JavaScript代码？这不是我的，所以我没有访问源文件。我想编辑代码，看看他们在页面上有什么效果，在这种情况下会阻止一个动画排队等等。

How do I "dynamically" edit JavaScript code in the Chrome debugger? It's not for me, so I don't have access to the source file. I want to edit code and see what effects they have on the page, in this case stopping an animation from queuing up a bunch of times.

推荐答案

您可以在开发人员工具的脚本选项卡中使用内置的JavaScript调试器（在更高版本的源选项卡中），但应用于代码的更改仅在执行时表示通过他们这意味着更改页面加载后不运行的代码将不会有效果。与例如

You can use the built-in JavaScript debugger in Chrome Developer Tools under the "Scripts" tab (in later versions it's the "Sources" tab), but changes you apply to the code are expressed only at the time when execution passes through them. That means changes to the code that is not running after the page loads will not have an effect. Unlike e.g. changes to the code residing in the mouseover handlers, which you can test on the fly.

Google I / O 2010活动中有一个视频介绍了Chrome Developer Tools的其他功能。

There is a video from Google I/O 2010 event introducing other capabilities of Chrome Developer Tools.

这篇关于在Chrome调试器中编辑的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！