评估Chrome中的实时JavaScript修改?

时间:2012-07-20 09:56:08

标签: google-chrome-devtools

如何告诉Chrome开发者工具我已经完成了对javascript部分进行实时编辑,并希望对结果进行“评估”? 动态编辑javascript很简单,我只需将光标放在Scripts选项卡中的脚本中并开始输入,但如何完成编辑过程?

我读到here“你应用于代码的更改只在执行时通过它们表达”,但是即使我在调用函数时尝试编辑它(即,当在其中有一个命中断点),我不能让我的更改得到承认。编辑:这整个,“执行通过它”的东西似乎是假的或充其量过时。

在3:30左右,Paul Irish在this video中演示了在开发人员工具中动态编辑javascript,但我无法弄清楚他是如何从编辑代码到实际使用它的浏览器。

3 个答案:

答案 0 :(得分:0)

Ctrl + S 或“右键单击>保存” 确保你没有启用漂亮打印,因为你无法实时编辑代码。

答案 1 :(得分:0)

这就是你要找的东西:

1.-导航到“源”选项卡并打开javascript文件

2.-编辑文件,右键单击该文件,将出现一个菜单:单击保存并将其保存在本地。

要查看差异或还原更改,请右键单击并从菜单中选择本地修改 ...选项。如果展开显示的时间戳,您将看到相对于原始文件的更改差异。

此处有更详细的信息:http://www.sitepoint.com/edit-source-files-in-chrome/

答案 2 :(得分:0)

  • 转到消息来源,选择您想要的文件。
  • 点击暂停按钮暂停调试。
  • 修改脚本,添加console.log或任何您想要的地方,无论您想要什么
  • 保存文件(cmd-s或ctrl-2)
  • 单击暂停/恢复按钮以继续执行
  • 将执行修改后的代码