Question

我创建了一个可在Firefox中运行的扩展程序。我已将其更改为Google Chrome浏览器，但无法正常工作。当我单击扩展程序的图标时，将显示带有两个菜单选项的弹出窗口。但是，当我单击任何这些链接时，都没有发生。如果我按右键单击任何这些链接，然后选择“在新选项卡中打开”，则此html文件将在新选项卡中显示。如果我单击此新选项卡中的链接，则php文件将打开并且可以使用，因此我认为window.location.replace在crome扩展中不起作用。

有人有什么想法，如何解决这个问题？

manifest.json

{
"browser_action": {
"default_icon": {
  "48": "images/startlapom-48.png",
  "96": "images/startlapom-96.png"
},
"browser_style": true,
"default_title": "Startlapom",
"default_popup": "managestartlapom.html"
},
"description": "Oldal hozzáadása, levétele a Startlapom oldalam(ra/ról)",
"manifest_version": 2,
"name": "Startlapom",
"permissions": ["tabs"],
"version": "1.0"
}

managestartlapom.html

<!DOCTYPE html>

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Startlapom</title>
    <link rel="stylesheet" href="managestartlapom.css"/>
    <link rel="stylesheet" href="https://startlapom.eu/startlapom.css" type="text/css" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
  </head>

  <body class="addon-body">
    <div id="startlapom-addon">
      <div class="panel">
        <a class="addon-link" href="#" id="startlapom-add">Oldal hozzáadása a Startlapomhoz</a><br />

        <div class="panel-section-separator"></div>

        <a class="addon-link" href="#" id="startlapom-remove">Oldal levétele a Startlapomról</a><br />
      </div>
    </div>
    <script src="managestartlapom.js"></script>
</body>

</html>

managestartlapom.js

document.getElementById('startlapom-add').onclick = function() {
    chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
    window.location.replace('https://startlapom.eu/addon.php?url='+encodeURIComponent(tabs[0].url)+'&title='+encodeURIComponent(tabs[0].title)+'&reason=ADD');
      });
    }

document.getElementById('startlapom-remove').onclick = function() {
    chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
    window.location.replace('https://startlapom.eu/addon.php?url='+encodeURIComponent(tabs[0].url)+'&title='+encodeURIComponent(tabs[0].title)+'&reason=REM');
      });
    }

Answer 1

如果您在managestartlapom.js文件中写入：

....
chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
  alert(window.location);
  .......

}

您将看到您的window.location等于

chrome-extension://ext_id_here/managestartlapom.html#

，我认为它不是您要替换的window.location。（这是您的弹出菜单的窗口）。如果要替换活动标签页的window.location，则应在chrome.tabs.query回调中使用chrome.tabs.executeScript。

如何用chrome扩展程序中的其他页面替换弹出窗口？

1 个答案: