谷歌浏览器开发初体验之manifest.json文件详解【秒入门】

最新推荐文章于 2025-07-20 22:59:13 发布

元亮学长

最新推荐文章于 2025-07-20 22:59:13 发布

阅读量2.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签：谷歌插件开发

本文链接：https://blog.youkuaiyun.com/qq_41817302/article/details/89642634

manifest.json是谷歌浏览器插件的核心配置文件，它决定了插件的运行方式。文章介绍了browser_action和page_action的区别，前者适用于任何页面，后者只在特定页面生效。此外，还讲解了content_scripts，它是运行在Web页面的JavaScript，常用于处理DOM，如修复无效链接、改变页面样式等。但content_scripts有访问限制，不能使用部分chrome.* API和访问扩展页面、Web页面的JavaScript变量。

非常简单的呢。

manifest.json

首先这是一个非常重要的插件配置文件，里面是整个插件的核心，插件是否能正常运行全靠这里面的配置了。

下面来看下简单结构：

{
    "manifest_version":2,//这是固定值
    "version":"1.0",//谷歌根据这里判断插件是否需要更新
    "name":"天眼",//插件名称
    "description":"信息查看",//插件描述
    
    //插件图标
    "icons":{
        "16":"imgs/icon-16.png",
        "128":"imgs/icon-128.png"
    },
    "browser_action":{
        "default_icon":{
            "19":"imgs/icon-19.png",
            "38":"imgs/icon-38.png"
        },
        "default_title":"天眼"//鼠标放上去显示的名称
    },

    //权限设置
    "permissions":[
        "notifications",
        "tabs",
        "webNavigation",
        "storage",
        "http://*/*",//表示该权限作用于任何网址
        "https://*/*"//表示该权限作用于任何网址
    ],
    "content_scripts":[
        {
            "all_frames":true,
            "js":[
                "jquery.js",
                "content.js"
            ],
            "matches":[
                "http://*/*",//表示该js作用于