浏览器插件开发傻瓜式教程

1.首先新建一个工程：

工程目录.png

里面丢一张名字为hello_extensions.png的图片

hello_extensions.png

新建一个hello.html和mainfest.json，接下来要做的事情就是往里面写东西啦！！！
2.打开mainfest.json
写入

{
    "name": "Hello Extensions",
    "description": "Hello world Extension",
    "version": "1.0",
    "manifest_version": 2,
    "browser_action": {
        "default_popup": "hello.html",
        "default_icon": "hello_extensions.png"
    },
    "commands": {
        "_execute_browser_action": {
            "suggested_key": {
                "default": "Ctrl+Shift+F",
                "mac": "MacCtrl+Shift+F"
            },
            "description": "Opens hello.html"
        }
    }
}

也就是这个样子：

mainfest.json

3.最后一步就是写hello.html了

    
Hello Extensions

样子：

hello.html

写代码的工作就结束啦！！

接下来就是打开谷歌浏览器：更多工具-->扩展程序

A93(6)2$4JF2HPC{REY1LXT_看图王.png

选择开发者模式，然后再点击加载已解压的扩展程序

image.png

选择刚刚的项目

image.png

就会出现你想要的了

image.png

把鼠标放在你所创建的图标上，就会出现相应的效果

image.png

这是最简单的基础教程，hello world版本！！！接下来又要积极探索啦！！！