制作谷歌浏览器插件基础篇

最新推荐文章于 2024-06-03 18:52:53 发布

a_py

最新推荐文章于 2024-06-03 18:52:53 发布

阅读量411

点赞数

分类专栏：积流成江

本文链接：https://blog.csdn.net/weixin_38091140/article/details/104932117

版权

积流成江专栏收录该内容

8 篇文章 0 订阅

订阅专栏

制作由来

今天受到同事制作一个小插件的影响，我特地百度查看一波怎么制作谷歌浏览器插件的，制作原因确实因为这个有点好玩。

需掌握技能

谷歌浏览器插件一个很小的程序。制作插件是为了方便个人操作。只要你会html， JavaScript，css基本就可以进行手动开发浏览器插件了。

牛刀小试

创建一个manifest.json文件无论是什么插件都必须拥有这个文件。这是一个描述插件配置信息的文件。

{
	"name": "My Plug",//插件名字
	"description": "This is My Plug",//关于插件描述信息
	"version": "1.0",//插件版本号信息
	"manifest_version": 2,//
	// 设置插件图标
	"browser_action":{
		"default_popup":"test.html",// 点击弹窗界面资源文件路径
		"default": "1.png"//图标文件路径
	},

	// 增快捷键，通过键盘快速打开
   "commands": {
      "_execute_browser_action": {
        "suggested_key": {
          "default": "Ctrl+Shift+F",
          "mac": "MacCtrl+Shift+F"
        },
        "description": "Opens hello.html"
      }
    }
  }

test.html

<html>
    <body>
      <h1>This is my html</h1>
    </body>
</html>

外带一个图标
在这里插入图片描述
然后就可以把其导入到谷歌浏览器中去了。

最后来尝试一下我的插件。

a_py

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
制作谷歌浏览器插件基础篇

制作由来今天受到同事制作一个小插件的影响，我特地百度查看一波怎么制作谷歌浏览器插件的，制作原因确实因为这个有点好玩。需掌握技能谷歌浏览器插件一个很小的程序。制作插件是为了方便个人操作。只要你会html， JavaScript，css基本就可以进行手动开发浏览器插件了。牛刀小试创建一个manifest.json文件无论是什么插件都必须拥有这个文件。这是一个描述插件配置信息的文件。...
复制链接

扫一扫

专栏目录