javascript - Firefox 开发者工具 : Automatically injecting jQuery

Question

我在开发人员工具方面做了很多工作，并且喜欢在控制台中使用 jQuery 来运行代码片段。为了将 jQuery 注入(inject)页面(和控制台)，我将其粘贴到 devtools 控制台:

var j = document.createElement('script'); j.src = "//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"; document.getElementsByTagName('head')[0].appendChild(j);

有没有办法将 jQuery 自动注入(inject)开发人员工具控制台？理想情况下，不影响当前页面的 window.$ 或 window.jQuery。

Answer 1

Developer Toolbar有一个注入(inject)命令，可以让您更轻松地将脚本注入(inject)当前页面。它支持常用的库，如 jQuery 和 underscore。有关更多信息，请参阅我链接到的文档。

如果您希望始终这样做，您可以创建一个类似于dotjs 的插件。 - 主要区别在于您需要将 jQuery 对象公开到页面的实际 DOM 中，内容脚本还不够好。您可能还应该始终尝试检测现有的 jQuery？我不太清楚你所说的“不影响当前页面的 window.$ 或 window.jQuery”是什么意思 - 默认情况下控制台的当前范围是当前页面。仅当您正在调试并在其他范围内的断点处停止时，情况才会有所不同。