你可以在Chrome中使用“Overrides”来保存页面加载之间的javascript更改，即使你没有托管原始源代码。

在开发人员工具> Sources > Overrides下创建一个文件夹 Chrome浏览器会请求访问该文件夹的权限，单击允许 在Sources>Page中编辑文件，然后保存(ctrl-s)。紫色点表示文件保存在本地。

Chrome DevTools有一个片段面板，你可以创建和编辑JavaScript代码，就像你会在一个编辑器，并执行它。 打开DevTools，然后选择Sources面板，然后选择Snippets选项卡。

https://developers.google.com/web/tools/chrome-devtools/snippets

很简单，转到“脚本”选项卡。然后选择你想要的源文件，双击任意一行进行编辑。

我正在寻找一种方法来更改脚本并调试新脚本。我的方法是:

在要更改和调试的脚本的第一行中设置断点。 重新加载页面，以便击中断点 粘贴新脚本并在其中设置所需的断点 Ctrl+s，页面将刷新，导致第一行中的断点被击中。 F8继续，现在你新粘贴的脚本替换原来的一个，只要没有重定向和重新加载。

放置断点 右键单击断点并选择“编辑断点” 插入代码。使用SHIFT+ENTER创建新行。

你可以在Chrome开发者工具的“脚本”选项卡下使用内置的JavaScript调试器(在后来的版本中是“源代码”选项卡)，但是你应用到代码上的更改只在执行时经过它们时才会显示出来。这意味着对页面加载后未运行的代码的更改不会产生影响。不像对驻留在鼠标悬停处理程序中的代码的更改，您可以在运行中测试。

有一个视频从谷歌I/O 2010事件介绍Chrome开发工具的其他功能。