BrowserAction.onClicked 等待 iframe 加载答案

【问题标题】：BrowserAction.onClicked Wait for iframe to LoadBrowserAction.onClicked 等待 iframe 加载
【发布时间】：2016-05-03 01:01:28
【问题描述】：

我想单击我的扩展程序的浏览器操作，然后在滚动之前加载 iframe。 window.addeventlistener("load", scroll, false); 似乎是现在的问题。

我知道内容脚本会让 window.addEventListener 工作，但内容脚本也会一直注入脚本，我只想在单击浏览器操作图标时滚动。

我也知道删除 window.addeventlistener("load", scroll, false); 可以使滚动工作，但那不会等到 iframe 加载。请帮忙。

manifest.json

{
 "manifest_version": 2,

 "name": "scroll",
 "description": "scroll",
 "version": "1.0",

 "browser_action": {
   "default_icon": {
     }
 },

 "background": {
   "scripts" : ["background.js"],
   "persistent" : false
 },

 "permissions": [
   "tabs", "<all_urls>"
 ]
}

background.js

chrome.browserAction.onClicked.addListener(function(tab) {
    chrome.tabs.executeScript(null, {file: "scroll.js"});
});

scroll.js

window.addEventListener("load", scroll, false);

function scroll (evt) {
    window.scrollTo(0, 800);
}

【问题讨论】：

这与您的询问有关吗？ stackoverflow.com/questions/14801349/…
旁注：您需要的唯一权限是"activeTab"。

标签： javascript iframe google-chrome-extension

【解决方案1】：

您的代码可能执行得太晚（在load 事件之后）。

逻辑应该是：

检查页面是否已经加载
- 如果是，立即执行
- 否则，附加监听器

document.readyState 履行职责：

function scroll(evt) {
  window.scrollTo(0, 800);
}

if (document.readyState === "complete") {
  scroll();
} else {
  window.addEventListener("load", scroll, false);
}

【讨论】：