如何在 Firefox 插件中使用 jQuery？答案

【问题标题】：How to use jQuery in Firefox plugins?如何在 Firefox 插件中使用 jQuery？
【发布时间】：2009-03-20 11:42:36
【问题描述】：

我正在尝试创建一个 Firefox 插件，我想使用一些 jQuery 函数。如何包含所需的 jQuery 库？将库包含到插件本身的某种方式？

当用户单击注入页面的链接时，我需要在各种网站上显示一个 jQuery Dialog 类型的窗口。

感谢您的回答！

【问题讨论】：

【解决方案1】：

在您的 overlay.xul 文件中，就像包含任何其他 Javascript 文件一样包含它：

<script type="application/x-javascript" src="chrome://my-firefox-extension/content/path/to/jquery.js" />

【讨论】：

【解决方案2】：

我建议使用 chrome 对话框而不是 jQuery。我写了一个类似的扩展，虽然我没有使用jQuery，而是我自己编写的对话框代码。问题在于，当您将 html 对话框注入到某个随机页面中时，在许多情况下，由于与加载的站点 CSS 发生不可预测的冲突，它会失真。即使使用内联样式和所有其他技巧。

最后，我查看了 Google 笔记本扩展是如何实现的，并使用了相同的想法。效果很好。

【讨论】：