1

我有一个 Chrome 扩展程序,当单击按钮时会打开一个弹出窗口:

"browser_action": {
    "default_popup": "popup.html"
},

加载弹出窗口后,我希望它重定向到不同的 URL,具体取决于当前活动浏览器选项卡的 URL。

我已经window.location.href = "http://example.com/"在弹出窗口中尝试过,但只是得到一个空白页。

我已经尝试将 URL 加载到一个 iframe 中,该 iframe 填充了整个弹出窗口 - 这很好 - 但是当新 URL 调用 window.close() 时我需要关闭弹出窗口,这似乎无法检测到它在 iframe 中。

这可能吗?

4

1 回答 1

1

如果它是您自己创建的页面,那么您可以使用window.postMessage将消息从 iframe 中的页面发送到弹出窗口,告诉它关闭。
您在文件中需要的代码是...
popup.js

// change #frame to point at your iframe
var frame = document.querySelector('#frame');

window.addEventListener('message', closeWindow, false);

function closeWindow(event) {
    if(frame.src.indexOf(event.origin) === 0 && event.data == 'closeWindow') window.close();
}

iframe 中的页面

window.close = function() {
    window.parent.postMessage("closeWindow", window.parent.location.href);
}

要为 iframe 中的任何页面执行此操作,我想不出任何真正干净的方法,但这会做到。
有一个在所有框架中的每个 url 上运行的内容脚本,通过检查其 window.parent 的 url 来检查它是否在 iframe 中。
如果它在 iframe 中,则使用上述内容覆盖 window.close 事件。
我们想要覆盖的 window.close 函数是在页面上下文而不是内容脚本中,因此将脚本附加到页面。
这是执行此操作的代码...
manifest.json

{
  "name": "PopUp IFrame Parent Window Close",
  "description" : "http://stackoverflow.com/questions/13673428/is-it-possible-to-change-the-url-of-the-popup-window-in-a-chrome-extension",
  "version": "1.0",
  "permissions": [
    "tabs", "<all_urls>"
  ],
  "browser_action": {
      "default_title": "Test Closing IFrames parent if in popup",
      "default_icon": "icon.png",
      "default_popup": "popup.html"
  },
 "content_scripts": [
    {
      "matches": ["<all_urls>"],
      "js": ["myscript.js"],
      "all_frames":true
    }
  ],
  "manifest_version":2
}

popup.html

<html>
<head>
<script type="text/javascript" src='popup.js'></script>
</head>
<body>
<iframe id="frame" src="http://localhost/windowclose.html"></iframe>
</body>
</html>

popup.js

function onLoad() {
    // change #frame to point at your iframe
    var frame = document.querySelector('#frame');

    window.addEventListener('message', closeWindow, false);

    function closeWindow(event) {
        if(frame.src.indexOf(event.origin) === 0 && event.data == 'closeWindow') window.close();
    }

}

window.addEventListener("load", onLoad)

myscript.js

hijackClose = function() {
    window.close = function() {
        window.parent.postMessage("closeWindow", window.parent.location.href);
    }
}

// Executing an anonymous script
function exec(fn) {
    var script = document.createElement('script');
    script.setAttribute("type", "application/javascript");
    script.textContent = '(' + fn + ')();';
    document.documentElement.appendChild(script); // run the script
    document.documentElement.removeChild(script); // clean up
}

if(window.parent && window.parent.location.href == chrome.extension.getURL('popup.html')) {
    exec(hijackClose);
}

...现在任何在弹出窗口 iframe 中调用 window.close 的页面都将关闭弹出窗口。

于 2012-12-04T19:10:52.800 回答