如何使用本地 javascript 文件在使用 firebug（或 Chrome）的实时站点上进行测试？答案

【问题标题】：how to use local javascript files to test on live site using firebug (or Chrome)?如何使用本地 javascript 文件在使用 firebug（或 Chrome）的实时站点上进行测试？
【发布时间】：2011-10-24 06:29:52
【问题描述】：

我有一些自定义 JS，我希望将其部署在一个实时站点上，但我想先对其进行测试。

我是目标站点管理员的第三方顾问，不是他们构建过程的一部分，因此我无法在他们的测试环境中进行部署。由于它是一个 DOM 遍历库，所以它非常具体。

我想知道是否有人知道如何让我的本地 javascript 文件为特定域或主机自动插入。

谢谢！

【问题讨论】：

我相当肯定您可以使用 chrome 开发工具编辑任何实时代码文件，但显然您会在页面刷新时丢失这些编辑。我看看能不能挖出一些说明

标签： javascript firebug google-chrome-devtools

【解决方案1】：

为什么不直接在 firebug 的控制台中注入您正在处理的脚本：

var script = document.createElement('script');
script.src = 'url to local file';
document.appendChild(script);

或者如果你有 jQuery

$.getScript('url to script file.js');

【讨论】：

1) 因为我必须做的页面太多 2) b/c 你不能在 JS (afaik) 中从客户端的硬盘加载文件
所以复制上面的内容并从中制作一个脚本，保存为test.user.js并将该文件拖到firefox中

【解决方案2】：

为 Firefox 安装 Greasemonkey Add-On。

此插件可以为某些 URL 与注入的 JS 文件中给出的正则表达式匹配的页面注入 Javascript。

如果您想了解其他人如何编写他们的 Greasemonkey-Scripts，请搜索以“BetterXYZ”开头的 FF 附加组件，例如 BetterGmail、BetterFacebook、BetterGoogle ... Greasemonkey-Skripts 实际上是带有特殊初始 JS-Comment 和特殊文件扩展名“*.user.js”的 Javascript 文件。

【讨论】：

我刚刚做了——但看起来我只能运行其他人的脚本......我必须先发布自己的文件才能使用它吗？
是的，你可以。没问题。注入的每个脚本都存储在本地，您无需上传即可添加新脚本。但是如果你想注入远程脚本，这也是可能的。只需编写一个新的本地用户脚本，然后编写注入 DOM 元素的代码来加载远程脚本。这通常用于从 CDN 或用户脚本使用的类似东西注入 jQuery。
我已经弄清楚了，这正是我想要的！我必须弄清楚如何解决一些命名空间问题，但我想我可以让它发挥作用。