更改Google Chrome开发人员工具上的JavaScript文件

Question

我知道如何在Google Chrome控制台上使用JavaScript。

但是，是否可以从Google Chrome的开发者工具中编辑JavaScript文件并立即查看更改？如果是这样，怎么样？

我尝试更改代码，但它对页面没有任何影响。

Answer 1

您可以编辑该页面的javascript。您必须在旧版本的chrome中进行双击，或者在最近的版本中需要在js文件中单击一次。之后，您需要在Mac上按Ctrl + S或Cmd + S. 然后DevTools会将更改的代码发送到V8。

如果您正处于调试会话中并且在函数中暂停，则可以对其进行编辑，然后在Ctrl + S v8之后将执行点从编辑后的函数中移出，这样您就可以再次传递它。

Answer 2

您可以重新定义全局函数或更改范围内变量的值，但我不知道Chrome开发工具中有任何方法可以在实时编辑代码。我编辑，然后点击刷新。

您可以在“来源”标签中实时编辑CSS。