建一个chrome插件crx所需步骤

article/2025/9/30 5:53:39

建一个文件夹
文件夹下建以下几个文件
在这里插入图片描述
manifest.json:主要的配置文件
popup.html:主要的承载页面
icon.ico:插件的图标
在这里插入图片描述
引入的popup.js是html所涉及的js功能代码
因为是纯js的,所以需要提前引入jquery方便后期事件绑定

chrome插件有一个chrome对象可以直接使用,后面很对的监听及api都能方便我们使用
之后就打包crx

在这里插入图片描述
选择刚开始创建的文件夹,不输入密钥,点击“打包扩展程序”,在文件夹同级会生成

  1. 文件夹同名的.pem文件,即密钥
  2. 文件夹同名的.crx文件,即插件
    在这里插入图片描述
    修改插件后缀zip,解压,再次打开扩展程序,左上角点击“加载已经解压的扩展程序”,选择解压后的文件夹,此时你已经可以使用你自己的插件了
    把它从收拢的插件集合里pin出来
    在这里插入图片描述
    点击即可看到你的页面了,右键你的popup.html可以进行相关调试,之后修改都在解压后的文件里进行

这是别人在推的屏幕录制插件github地址 https://github.com/alyssaxuu/screenity
可以donwload到你本地,以“加载已经解压的扩展程序”方式加到你的浏览器中,一边使用一边学习其中的代码编写方式

今天就先学习到这儿。


http://chatgpt.dhexx.cn/article/OcOmlIeG.shtml

相关文章

新版Edge浏览器安装外部扩展(.crx)的方法

先准备好插件文件: xxx.crx格式 然后改变后缀名,从.crx改为.zip格式 然后把这个.zip文件解压到你电脑的任意位置,最好是Edge浏览器的安装位置附近建一个edge文件夹里,后期方便查找更新。 比如我的目录: 我的操作&am…

谷歌浏览器Crx插件库-https://crxdl.com/

地址:https://crxdl.com/ postman插件:talend json插件库:csdn插件 抓取视频:猫抓

chrome浏览器添加crx插件

1.首先把crx文件修改名字,改成.zip结尾的文件 2.把需要的zip解压 3.chrome浏览器打开开发者模式 4.加载已解压的扩展程序 5.先添加tampermonkey,再添加simple-allow-copy 6.把扩展程序固定到浏览器工具栏 7.在bd文库中,先点亮扩展程序&#x…

谷歌浏览器(chrome)安装crx插件

1、下载crx插件 2、插件扩展名改名为zip 3、解压zip文件 4、打开谷歌浏览器扩展程序 chrome://extensions/ 5、打开开发者模式,加载已解压的扩展程序,安装成功即如图展示

chrome浏览器安装插件,提示程序包无效

chrome浏览器安装插件的时候,如果提示 程序包无效:“CRX_HEADER_INVALID”,导致插件安装不上去,这个时候该怎么办呢?通常,这种错误在chrome浏览器版本73,以及之后的版本会出现 一、工具/原料 1…

谷歌浏览器(Chrome)如何安装crx插件?(详细步骤)

一、前言 谷歌浏览器在旧版本(大概是v67版本)之前安装crx插件都非常简单,直接将crx拖放到浏览器内就可以安装了。但是之后的新版本(目前已经升级到v80版本)就只允许用户通过谷歌应用商店安装插件,而不允许…

一份工作一年半的java开发个人简历,欢迎拍砖

一份个人简历,大四提前一年出来实习,在12306。 2020年毕业,开始第二份正式工作。 从大学毕业,只是我学习之路的刚刚开始。 简历所写的内容都是真实的,一点水分没有。 欢迎拍砖,希望大家能够针对我的简历&a…

java开发工程师简历模板,2022最新

模块科技招聘官莅临千锋教育 招聘Java开发工程师招聘官谢经理莅临千锋教育成都分校招聘10位Java开发工程师,谢经理在面试前的宣讲会上,为学员详细介绍了模块科技的发展现状和岗位需求,让学员对公司和岗位有了充分的认识。在随后的面试环节,学员们基于对企业的了解和自身职业发展…

java应届生简历个人技能该怎么写?

对于自学java的人来说,简历是个头痛的东西,因为我们并没有参考模板给我们看,所以我这里准备了几份网上搜集的个人技能模板,提供给大家参考。

可以写进简历的十大Java项目

临近毕业,有很多小伙伴会问,我要去面试了,但目前没有做过什么项目,有没有推荐的项目?今天学姐给大家推荐几个适合写在简历里的项目。 如果你是没有做过项目的小白,那么建议你去跟着项目视频学习&#xff0…

java开发工程师简历项目经验怎么写?应该注意哪些事项?

目前是面试的高峰期,所以有很多小伙伴们精心的准备自己的简历,希望在简历上体现自己的亮点所处?那么简历中的项目经验应该怎么写?应该注意哪些呢?接下来就让我们一起了解下吧。 java开发工程师简历项目经验怎么写&…

java开发工程师—如何让你的简历脱颖而出

最近我在帮朋友的公司招人,招人的第一步是要筛选简历,在这过程中,我发现虽然能收到很多简历,但实际能通过筛选能进入到技术面试流程的简历不多,估计10份里不会超过4份能通过筛选。 如果没法通过技术面试,那…

java个人简历模板(合集)

2017java个人简历模板免费参考 2017java个人简历模板篇1 姓名: 性别:男 年龄:22 学历:本科 专业:计算机 联系电话:xxx 毕业院校:xxxxx 主修课程:汇编语言程序设计、JAVA程序设计、数…

什么是-Xmx和-Xms?

在打开橘色线的 配置文件 中会出现两个配置,如下图 其中,-Xmx用来设置你的应用程序(不是JVM)能够使用的最大内存数,如果你的程序要花很大内存的话,那就需要修改缺省的设置,比如配置tomcat的时候,如果流量啊…

JVM内存调优总结 -Xms -Xmx -Xmn -Xss 参数设置

Xms 是指设定程序启动时占用内存大小。一般来讲,大点,程序会启动的快一点,但是也可能会导致机器暂时间变慢。 Xmx 是指设定程序运行期间最大可占用的内存大小。如果程序运行需要占用更多的内存,超出了这个设置值,就会…

JVM参数汇总:JVM内存设置多大合适?Xmx和Xmn如何设置?

JVM参数汇总 链接:[#link]( https://www.cnblogs.com/duanxz/p/3482366.html ) 一、java启动参数共分为三类: 其一是标准参数(-), 所有的JVM实现都必须实现这些参数的功能,而且向后兼容; 其…

JVM调优之 -Xms -Xmx -Xmn -Xss

原博客地址:http://uule.iteye.com/ 1、JVM垃圾回收与性能调优总结 2、JVM调优的几种策略 一、JVM内存模型及垃圾收集算法 1.根据Java虚拟机规范,JVM将内存划分为: New(年轻代)Tenured(年老代&#xff09…

java jvm 参数 -Xms -Xmx -Xmn -Xss 调优

堆大小设置 JVM 中最大堆大小有三方面限制: 1.相关操作系统的数据模型(32-bt还是64-bit)限制; 2.系统的可用虚拟内存限制; 3.系统的可用物理内存限制. 在32位系统下,一般限制在1.5G~2G;64为操作系统对内存无特定限制. 机器配置:128G内存 32核CPU 典型设置: …

JVM内存设置多大合适?Xmx和Xmn如何设置?

本文地址: https://www.dutycode.com/jvm_xmx_xmn_xms_shezhi.html 除非注明,文章均为 www.dutycode.com 原创,欢迎转载!转载请注明本文地址,谢谢。 问题: 新上线一个java服务,或者是RPC或者是WEB站点, 内…

JVM 参数配置及详解 -Xms -Xmx -Xmn -Xss 调优总结(点赞收藏)

堆大小设置 JVM 中最大堆大小有三方面限制: ①、相关操作系统的数据模型(32-bt还是64-bit)限制; ②、系统的可用虚拟内存限制; ③、系统的可用物理内存限制. 32位系统 下,一般限制在1.5G~2G;64为操作系统对内存无限制.在Windows Server 2003 系统,3.5G物理内存,JDK5.0下测试,最…