首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >popup.js中的代码未运行(chrome/edge扩展)

popup.js中的代码未运行(chrome/edge扩展)
EN

Stack Overflow用户
提问于 2021-10-06 20:35:18
回答 2查看 157关注 0票数 0

相关内容:

The Chrome extension popup is not working, click events are not handled

Javascript in Google Chrome popup extension not running

Cannot get Chrome popup.js to use console.log

manifest.json

代码语言:javascript
复制
{
    "permissions": [
        "activeTab",
        "tabs",
        "storage",
        "<all_urls>",
        "*://*.youtube.com/*",
    ],
    "chrome_url_overrides": {
        "newtab": "popup/popup.html"
    },
    "browser_action": {
        "default_title": "My extension"
    },
    "background": {
        "scripts": [
            "background/background.js"
        ]
    },
    "content_scripts": [{
        "js": [
            "content/content.js"
        ],
        "matches": [
            "<all_urls>",
            "*://*.youtube.com/*"
        ],
        "run_at": "document_end",
        "all_frames": true,
        "match_about_blank": true
    }],
    "web_accessible_resources": [
        "*.html",
        "images/*"
    ],
    "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'"
}

popup.html

代码语言:javascript
复制
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>My Extension</title>
</head>

<body>
<div>dkafafdafldafkla This shows</div>
</body>

<script src="popup.js">
</script>

</html>

popup.js

代码语言:javascript
复制
document.addEventListener("DOMContentLoaded", () => {
  console.log("Adding dom load event listener; we don't get here :(");
  chrome.tabs.create({
    active: true,
    url: "https://my.site.com/",
  });
});

该扩展似乎不可调试:

控制台中没有错误(包括网页和后台脚本);为什么单击弹出窗口时url没有打开(文本表单popup.html会出现在新选项卡中)。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2021-10-07 18:06:37

设法让它按预期运行;从上面的manifest.json中删除了chrome_url_overrides,并在background.js中添加了以下内容

代码语言:javascript
复制
chrome.tabs.onCreated.addListener(function(tab) {
  console.log("Current tab: ", tab.url);
  if (tab.url === "edge://newtab/") {
    chrome.tabs.update(tab.id, {
      url: "https://my.site.com/",
    });
  }
});
票数 0
EN

Stack Overflow用户

发布于 2021-10-07 03:40:05

根据您的描述和您提供的清单代码,屏幕截图显示"Inspect popup“选项被禁用(灰显),所以我认为您的问题是manifest中没有"default_popup"声明。或者你可以使用chrome.browserAction.setPopup来解决这个问题。

这是一个类似的案例:Disable "inspect popup" menu entry in chrome extensions

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/69472375

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档