【谷歌插件】谷歌插件制作

港控/mmm° 2022-09-09 09:52 503阅读 0赞

文章目录

  • 谷歌浏览器插件制作
    • 教程
    • 实现步骤
    • 成功示例
    • 问题
      • 未封装的扩展程序
      • 并非来自 Chrome 网上应用商店

谷歌浏览器插件制作

教程

教程1：https://blog.csdn.net/github_35631540/article/details/89845684
教程2：https://www.cnblogs.com/liuxianan/p/chrome-plugin-develop.html
示例：https://gitee.com/xueyedangkong/my-plugin.git 我自己按教程做的一个示例
更多配置：http://blog.haoji.me/chrome-plugin-develop.html#webRequest

实现步骤

  • 添加Json文件：manifest.json

    {
    “manifest_version”: 2,
    “name”: “PoetryTab”,
    “version”: “1.0”,
    “description”: “PoetryTab:为你的浏览增加诗意”,
    “author”: “Fizz”,
    “icons”: { 

    1. "16": "img/cadillac.png",
    2. "48": "img/cadillac.png",
    3. "128": "img/cadillac.png"

    },
    “chrome_url_overrides”: { 

    1. "newtab": "PoetryTab.html"

    }
    }

  • 添加html文件

    <!DOCTYPE html>




    五行缺诗

    五行缺诗

  • 在浏览器访问：chrome中访问 chrome://extensions/
    然后加载已解压的扩展程序，选中文件夹根目录即可。
    然后打开新标签页，即可看到效果

成功示例

在这里插入图片描述

问题

未封装的扩展程序

在浏览器把自己写的插件加载以后，在程序左上角，会显示这个信息
在这里插入图片描述
解决办法：点击详情，然后点击左上角打包扩展程序，选中文件夹根目录，不用输入秘钥，点击确定，即可生成.crx文件。然后把现在的扩展程序移除，再把新生成的crx文件拖入进来，即可。
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

并非来自 Chrome 网上应用商店

个人插件注册到谷歌网上应用商店：https://www.cnplugins.com/tool/publish-chrome-plugins.html
谷歌网上应用商店：https://chrome.google.com/webstore/category/extensions

发表评论

表情：
评论列表 （有 0 条评论，503人围观）

还没有评论，来说两句吧...

相关阅读

    相关 Octotree谷歌浏览器插件

    > 大家好，我是邵奈一，一个不务正业的程序猿、正儿八经的斜杠青年。 > 1、世人称我为：被代码耽误的诗人、没天赋的书法家、五音不全的歌手、专业跑龙套演员、不合格的运动员…

    曾经终败给现在曾经终败给现在/ 0 赞/ 715 阅读