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

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

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

有趣......这一直为我工作，但由于某种原因，现在不工作。你shuold只是编辑代码，并点击Ctrl + S http://jsfiddle.net/XpU6R/2/您可能需要点击两次漂亮的打印按钮铬版，让你编辑它 – 2013-02-25 06:12:15

最近Chrome 25出来了，也许他们做了一些改变？这并不是说我无法更改代码，它不会对理想的页面产生直接影响（比如Chrome已经编辑CSS） – GangstaGraham 2013-02-25 06:23:24

也请考虑[Workspaces]（https://stackoverflow.com/问题/ 29232701 /无法实时编辑 - javascript-in-chrome-developer-tools）近期版本的Chrome的功能。 – Vadzim 2017-05-30 13:17:42

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

如果您处于调试会话并停留在函数中，您可以对其进行编辑，并且在Ctrl + S v8将执行点从编辑的函数中移出后，您将能够再次传递它。

2013-02-26 19:19:39 loislo

但是如果JavaScript函数只在页面加载时加载一次会怎样？ – GangstaGraham 2013-02-26 19:34:06

你的意思是跑？ – loislo 2013-02-26 19:59:33

在上下文菜单中有“保存”和“另存为...”项目。 – loislo 2013-02-26 20:12:06

您可以重新定义全局函数或更改范围内的变量值，但我并不知道Chrome开发人员工具在生活中编辑代码的方式。我编辑，然后点击刷新。

您可以在Sources选项卡中直接编辑CSS。

2013-02-25 04:36:38 jfriend00

好的谢谢。这将是一个很酷的功能，但我希望他们在将来更新 – GangstaGraham 2013-02-25 04:37:37

@GangstaGraham - 仅供参考，您可以通过Sources选项卡在Chrome中立即编辑CSS。 – jfriend00 2013-02-25 05:41:24

回答