chrome 打包安装插件

chrome的扩展程序,去商城https://chrome.google.com/webstore?utm_source=chrome-ntp-icon安装是最省心的,直接一键下载安装。

可是很多时候,都不方便科学上网嘛。
就只能打包自己扩张程序,发给别人安装。

一、打包本地插件

1、找本地插件安装目录

chrome打开chrome://version/,其中,个人资料路径的路径就是存放资料的路径。
在这里插入图片描述

在这里插入图片描述
里面对应的文件夹名就是对应插件的id。

2、去打包程序

在这里插入图片描述
在这里插入图片描述
根目录就选,id文件夹里面版本文件夹
打包好后会生成xxx.crx和xxx.pem文件。
发送crx文件给别人就行。
在这里插入图片描述

二、安装本地插件

安装crx文件可以直接拖拉安装或者rar安装。
拖拉安装容易出问题,建议rar安装。

1、新建id文件夹

在chrome插件安装目录,新建文件夹,名为新程序原来的id。
比如:
\Google\Chrome\User Data\Default\Extensions\新建文件夹,名为程序原来的id ,比如fpdnjdlbdmifoocedhkighhlbchbiikl

2、改rar并安装

然后将接收到别人的crx文件后,改后缀为rar
将rar解压到fpdnjdlbdmifoocedhkighhlbchbiikl目录。

去chrome打开已解压程序,选解压的目录即可。
在这里插入图片描述

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
开发Chrome插件的流程如下: 1. 准备开发环境:安装Chrome浏览器和文本编辑器(推荐使用Visual Studio Code)。 2. 创建插件文件夹:在本地新建一个文件夹用于存放插件。 3. 创建manifest.json文件:在插件文件夹内创建一个名为manifest.json的文件,该文件是插件的配置文件,用于定义插件的名称、版本、描述、图标等信息。 4. 编写代码:根据需求编写JavaScript和CSS代码实现插件功能。 5. 调试和测试:在Chrome浏览器中添加并启用插件,测试插件的功能是否正常。 6. 打包和发布:将插件压缩成crx文件,然后上传至Chrome Web Store或其他应用商店。 需要安装的软件和操作步骤如下: 1. 安装Chrome浏览器:从Chrome官网下载并安装最新版本的Chrome浏览器。 2. 安装文本编辑器:从官网下载并安装Visual Studio Code。 3. 创建插件文件夹:在本地新建一个文件夹,命名为插件名称。 4. 创建manifest.json文件:在插件文件夹内创建一个名为manifest.json的文件,用于定义插件的名称、版本、描述、图标等信息。示例代码如下: ``` { "manifest_version": 2, "name": "My Chrome Extension", "version": "1.0", "description": "This is my first Chrome extension", "icons": { "16": "icon16.png", "48": "icon48.png", "128": "icon128.png" }, "browser_action": { "default_title": "My Chrome Extension", "default_icon": "icon48.png", "default_popup": "popup.html" }, "permissions": [ "activeTab" ] } ``` 其中,manifest_version表示manifest.json的版本,name表示插件的名称,version表示插件的版本号,description表示插件的描述信息,icons表示插件的图标(16x16、48x48、128x128三种尺寸),browser_action表示插件的浏览器动作(点击弹出窗口),permissions表示插件需要的权限(例如访问当前标签页)。 5. 编写代码:根据需求编写JavaScript和CSS代码实现插件功能。例如,可以在popup.html中添加一个按钮,点击后弹出一个提示框: ``` <!DOCTYPE html> <html> <head> <title>My Chrome Extension</title> <script src="popup.js"></script> </head> <body> <button id="btn">Click me!</button> </body> </html> ``` ``` document.getElementById('btn').addEventListener('click', function () { alert('Hello, world!'); }); ``` 6. 调试和测试:在Chrome浏览器中添加并启用插件,测试插件的功能是否正常。打开Chrome浏览器,依次点击“自定义及控制Google Chrome” > “更多工具” > “扩展程序”,将开发者模式开启,点击“加载已解压的扩展程序”,选择插件文件夹即可添加插件。在浏览器中打开一个网页,在插件图标上右键选择“检查弹出窗口”,可以打开开发者工具,查看插件的运行情况。 7. 打包和发布:将插件压缩成crx文件,然后上传至Chrome Web Store或其他应用商店。在Chrome浏览器中打开“自定义及控制Google Chrome” > “更多工具” > “扩展程序”,选择“打包扩展程序”,选择插件文件夹,点击“打包扩展程序”,生成crx文件。将crx文件上传至Chrome Web Store或其他应用商店发布插件

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值