javascript - 内容脚本文件 : Do we always need jQuery?

Question

本教程https://developer.mozilla.org/en-US/Add-ons/SDK/Tutorials/Modifying_Web_Pages_Based_on_URL展示了如何使用脚本来修改网页。可以使用 contentScriptFile 从另一个脚本文件加载脚本。我的问题是 contentScriptFile 的内容是什么？本教程给出了以下示例:

$("body").html("<h1>Page matches ruleset</h1>");

但这行不是使用 jQuery 吗？是否有必要在我们使用 contentScriptFile 时添加 jQuery？在这种情况下，我们不应该将 jQuery 添加到附加目录中，如教程中所示:contentScriptFile: [self.data.url("jquery-1.7.min.js"), self.data.url ("my-script.js")] ?

Answer 1

jQuery 只是常规 DOM/Web API 之上的一个层。所以你真的不需要它。

实际上，该教程页面上的第一个示例给出了没有 jQuery 的相同示例:

// Import the page-mod API
var pageMod = require("sdk/page-mod");

// Create a page mod
// It will run a script whenever a ".org" URL is loaded
// The script replaces the page contents with a message
pageMod.PageMod({
  include: "*.org",
  contentScript: 'document.body.innerHTML = ' +
                 ' "<h1>Page matches ruleset</h1>";'
});

当然，您可以将 contentScript 填充到 contentScriptFile 中。

所以不，您不需要使用 jQuery。事实上，这是我个人的看法，如果可以的话，你应该避免使用 jQuery，因为大多数时候首先加载 jQuery 的性能损失不会超过额外的好处，特别是因为你真的没有必须处理跨浏览器的不兼容性，这是 jQuery 的主要优点之一。