chrome 插件开发问题记录：Cannot call method setBadgeText of undefined

最新推荐文章于 2025-02-19 14:38:58 发布

原创最新推荐文章于 2025-02-19 14:38:58 发布 · 694 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#chrome #javascript #前端

问题集专栏收录该内容

5 篇文章

订阅专栏

本文解决在Chrome插件开发中，使用background.js设置插件logo时出现TypeError错误的问题，涉及manifest.json配置错误和外链资源加载问题，并提供正确配置示例及官方文档链接。

想要设置插件logo的bradege,报错：(TypeError): Cannot call method 'setBadgeText' of undefined

//background.js
chrome.browserAction.setBadgeText({text: 'new'});
chrome.browserAction.setBadgeBackgroundColor({color: [255, 0, 0, 255]});

报错，(TypeError): Cannot call method 'setBadgeText' of undefined
原因：
我的manifest.json 设置的是：page_action

"page_action": {
        "default_popup": "popup.html",
        "default_icon": {
            "16": "images/get_started16.png",
          }
    }

应该修改为browser_action：

"browser_action": 
    {
        "default_icon": "images/get_started16.png",
        "default_title": "这是一个示例Chrome插件",
        "default_popup": "popup.html"
    },

2.引入外链资源
报错：
在这里插入图片描述

需要在manifest.json文件中加入配置：

"content_security_policy": "script-src 'self' https://example.com; object-src 'self'",

参考

官方文档：https://developer.chrome.com/extensions/pageAction

🌟开发全攻略：
https://www.cnblogs.com/liuxianan/p/chrome-plugin-develop.html

http://blog.haoji.me/chrome-plugin-develop.html

Chrome 插件开发入门：https://crxdoc-zh.appspot.com/extensions/getstarted

Chrome 网站获取cookie:https://segmentfault.com/a/1190000020525962