Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

监听页面加载

学习本教程之前你需要了解 jpm 基础

你可以使用 tabs 模块来获取关于新页面加载的通知。下面的附加组件监听标签页内建的 ready 事件,并且记录下每一个标签加载时的URL:

require("sdk/tabs").on("ready", logURL);
 
function logURL(tab) {
  console.log(tab.url);
}

你会在浏览器控制台,而非 Web 控制台中,找到这些输出的内容。

你不能直接访问标签页里面的内容。

为了访问标签页内容,你需要使用 tab.attach() 把一个脚本附到标签页上。这个示例给每一个打开后的标签页附上了一个脚本。这个脚本给标签页的 document 加上了一个红色边框:

require("sdk/tabs").on("ready", runScript);
 
function runScript(tab) {
  tab.attach({
    contentScript: "if (document.body) document.body.style.border = '5px solid red';"
  });
}

(本示例仅仅表示:可以像这样实现一些功能,而你应当使用 page-mod,并且指定匹配模式为 "*"。)

了解更多

想要了解更多关于如何在SDK中处理标签页的内容,请看 tabs API 参考。你能够监听其他一些标签页事件,包括 openclose、和 activate

想要了解更多关于在标签页中运行脚本的事情,请看 tab.attach() 使用教程

文档标签和贡献者

 此页面的贡献者: zaobao
 最后编辑者: zaobao,