浏览器插件
文章平均质量分 94
gqkmiss
这个作者很懒,什么都没留下…
展开
-
Chrome 浏览器插件获取网页 window 对象(方案三)
最近有个需求,是在浏览器插件中获取window对象下的某个数据,当时觉得很简单,和document一样,直接通过嵌入直接获取,然后使用发送数据到插件就行了,结果发现不是这样滴…在这里不推荐使用进行注入,很可能会报错:😗Chrome 浏览器插件获取网页 window 对象(方案一)Chrome 浏览器插件获取网页 window 对象(方案二)获取当前页面下的 window 对象和 document 对象不一样,需要另外的处理方式。原创 2024-09-05 10:08:15 · 1290 阅读 · 0 评论 -
Chrome 浏览器插件获取网页 window 对象(方案二)
最近有个需求,是在浏览器插件中获取window对象下的某个数据,当时觉得很简单,和document一样,直接通过嵌入直接获取,然后使用发送数据到插件就行了,结果发现不是这样滴…在这里不推荐使用进行注入,很可能会报错:Chrome 浏览器插件获取网页 window 对象(方案一)原创 2024-09-04 14:33:31 · 1296 阅读 · 0 评论 -
Chrome 浏览器插件获取网页 window 对象(方案一)
最近有个需求,是在浏览器插件中获取window对象下的某个数据,当时觉得很简单,和document一样,直接通过嵌入直接获取,然后使用发送数据到插件就行了,结果发现不是这样滴…原创 2024-09-04 13:49:43 · 1578 阅读 · 2 评论 -
VitePress 构建的博客如何部署到 Netlify 平台?
VitePress 构建的博客如何部署到 Netlify 平台原创 2024-04-30 15:08:47 · 1215 阅读 · 0 评论 -
使用CRXjs、Vite、Vue 开发 Chrome 多页面插件,手动配置 vite.config.ts 和 manifest.json 文件
使用 crxjs vite vue 开发 Chrome 多页面插件原创 2024-03-29 15:51:58 · 1899 阅读 · 0 评论 -
Chrome 插件 storage API 解析
Chrome 插件 Storage API 解析原创 2024-03-27 10:34:37 · 1926 阅读 · 0 评论 -
Chrome 插件 tabs API 解析
Chrome 浏览器插件 tabs API 解析原创 2024-03-27 10:16:47 · 1917 阅读 · 0 评论 -
Chrome 插件各模块之间的消息传递
Chrome 插件各模块之间消息传递原创 2024-03-26 11:02:52 · 1469 阅读 · 0 评论 -
Chrome 插件各模块使用 Fetch 进行接口请求
Chrome插件中的网络请求和普通web是一样的,只不过从常用的AJAX换成了Fetch进行跨域请求的时候一定要配置文件一般请求都需要和cookies进行配合,关于可以查看【Chrome 浏览器插件 cookies API 解析。原创 2024-03-26 10:54:41 · 2499 阅读 · 0 评论 -
Chrome 插件打包发布
Chrome 插件打包发布原创 2024-03-25 11:02:28 · 2499 阅读 · 0 评论 -
使用 CRXJS、Vite、TypeScript、React、Zustand、Antd 开发 Chrome 浏览器插件——自带热加载,无需手动配置 vite.config.ts 文件
使用 CRXJS 结合 Vite 插件结合 React 开发 Chrome 浏览器插件到这就基本结束了使用 CRXJS 不需要自己在手动配置 vite.config.ts 文件了,方便了不少如果想自己配置的话可以看【两万字大章带你使用 Vue3、Vite、TypeScript、Less、Pinia、Naive-ui 开发 Chrome 浏览器 Manifest V3 版本插件】原创 2024-03-25 10:52:55 · 2453 阅读 · 0 评论 -
使用 CRXJS、Vite、TypeScript、Vue3、Pinia、Less、Naive-ui 开发 Chrome 浏览器插件——自带热加载,无需手动配置 vite.config.ts 文件
使用 CRXJS 结合 Vite 插件结合 Vue 开发 Chrome 浏览器插件到这就基本结束了使用 CRXJS 不需要自己在手动配置 vite.config.ts 文件了,方便了不少但是也有不方便的部分,比如此篇文章没有 contentPage 页面,如果加入这个的话,也得配置 vite.config.ts,而且还得需要改 manifest.json 配置,比较麻烦如果想自己配置的话可以看。原创 2024-02-01 15:10:46 · 2463 阅读 · 1 评论 -
两万字大章使用 React、Vite、TypeScript、Less、Zustand、Ant Design 开发 Chrome 浏览器 Manifest V3 版本插件
使用库、Less、状态管理zustandVite开发浏览器插件到这整个流程就已经走完了,插件涉及的页面也都包括在内了开发上线的时候只需要把换成插件需要的域名即可Vite配置和React项目都是我们手动修改的,可以很好的适配自己的项目写这个教程趟了不少坑,和V2版本很不一样完结 🎉🎉🎉。原创 2024-02-01 10:39:40 · 1269 阅读 · 0 评论 -
Chrome 浏览器插件 runtime 字段解析
当消息从扩展程序进程通过 runtime.sendMessage 或内容脚本通过 tabs.sendMessage 发送时触发。从其他扩展程序/应用发送消息时触发通过 runtime.sendMessage。从清单中返回有关应用或扩展程序的详细信息,返回的对象是完整清单文件的序列化内容。首次安装扩展程序、将扩展程序更新到新版本以及 Chrome 更新到新版本时触发。尝试连接扩展程序/应用(例如后台网页)或其他扩展程序/应用中的监听器。向扩展程序/应用或其他扩展程序/应用中的事件监听器发送一条消息。原创 2024-01-26 17:25:57 · 2322 阅读 · 0 评论 -
强推 20 款实用的 Chrome 插件
沉浸式网页双语翻译扩展,支持PDF翻译,双语Epub电子书制作,Youtube/Netflix/Udemy 等平台双语字幕,支持Deepl/Google等多个翻译服务,免费使用。Apifox 是 API 文档、API 调试、API Mock、API 自动化测试一体化协作平台,定位 Postman + Swagger + Mock + JMeter。捕捉、标注、缩放、模糊、编辑视频等功能 - 无需登录,保护隐私。JSON自动格式化、手动格式化,支持排序、解码、下载等,更多功能可在配置页按需安装!原创 2024-01-26 10:31:32 · 3786 阅读 · 0 评论 -
两万字大章带你使用 Vue3、Vite、TypeScript、Less、Pinia、Naive-ui 开发 Chrome 浏览器 Manifest V3 版本插件
两万字大章带你使用 Vue3、TypeScript、Less、Pinia、Naive-ui 以及 Vite 开发 Chrome V3 插件原创 2024-01-25 16:09:57 · 1981 阅读 · 3 评论 -
Chrome 浏览器插件 cookies API 解析
Chrome 浏览器插件 cookies API 解析原创 2024-01-17 17:14:31 · 1759 阅读 · 0 评论 -
两万+字数:从0到1带你开发 Chrome 浏览器 Manifest V3 版本插件
两万两千字,从 0 开始,一篇文章搞定 Chrome 浏览器 V3 版本插件原创 2024-01-17 15:53:10 · 4332 阅读 · 0 评论 -
Chrome 浏览器 Manifest V3 版本中 scripting API 解析
Chrome 浏览器 Manifest V3 版本中 scripting API 解析。原创 2024-01-16 11:40:09 · 1935 阅读 · 0 评论 -
一万六千字大章:Chrome 浏览器插件 V3 版本 Manifest.json 文件全字段解析
Chrome 浏览器插件 V3 版本 Manifest.json 文件全字段解析,一万六千字大章全字段图文解析原创 2024-01-16 10:06:42 · 2582 阅读 · 0 评论 -
Chrome 浏览器插件 Manifest.json V3 中权限(Permissions)字段解析
Chrome 浏览器插件 Manifest.json V3 中 permissions 字段解析,包含 host_permissions 以及对类型、方法和事件原创 2024-01-15 14:30:22 · 2578 阅读 · 0 评论 -
Chrome 插件匹配模式(Match patterns)规则
Chrome 插件匹配模式(Match patterns)规则原创 2024-01-15 09:44:46 · 1266 阅读 · 0 评论 -
Chrome 插件 V3 版本 Manifest.json 中的内容脚本(Content Scripts)解析
Chrome 插件 V3 版本 Manifest.json 中的内容脚本(Content Scripts)解析原创 2024-01-15 09:42:31 · 2111 阅读 · 2 评论 -
Chrome 浏览器插件 V3 版本 Manifest.json 中 Commands API 字段解析以及对应的类型(Types)、方法(Methods) 和 事件(Events)
Chrome 浏览器插件 V3 版本 Manifest.json 中 Commands API 字段解析以及对应的 Types、Methods 和 Events原创 2024-01-12 15:42:36 · 1207 阅读 · 0 评论 -
Chrome 浏览器插件从 Manifest V2 升级到 V3 版本所需要修改的点
Chrome 浏览器插件从 V2 版本升级到 V3 版本所需要修改的点原创 2024-01-12 14:42:59 · 2942 阅读 · 0 评论 -
Chrome 浏览器插件 V3 版本 Manifest.json 文件中 Action 的类型(Types)、方法(Methods)和事件(Events)的属性和参数解析
Manifest V3 版本 action 字段解析原创 2024-01-12 14:37:44 · 1393 阅读 · 0 评论 -
强推10个前端实用的插件
1、Google 翻译浏览网页时可轻松查看翻译版本。支持 53 种语言Bahasa Indonesia, Bahasa Melayu, Deutsch, English, English (UK), Filipino, Français, Kiswahili, Nederlands, Norsk, Tiếng Việt, Türkçe, català, dansk, eesti, español, español (Latinoamérica), hrvatski, italiano, latvi原创 2021-05-21 14:37:34 · 1539 阅读 · 2 评论 -
强推10个实用的浏览器插件
1、Google 翻译浏览网页时可轻松查看翻译版本。支持 53 种语言Bahasa Indonesia, Bahasa Melayu, Deutsch, English, English (UK), Filipino, Français, Kiswahili, Nederlands, Norsk, Tiếng Việt, Türkçe, català, dansk, eesti, español, español (Latinoamérica), hrvatski, italiano, latvi原创 2021-05-21 13:44:46 · 85 阅读 · 0 评论 -
15000字大章带你一步一步使用Vue3开发chrome浏览器插件
之前写过一篇 chrome 浏览器插件开发的文章 全方面手把手从0到1带你开发谷歌浏览器插件 ,但是不是 vue/react 这种第三方框架的,是原生和 jquery 混合的,但是那种开发前端方式比较麻烦,所以下面是用 vue 来开发插件github地址:https://github.com/18055975947/my-vue3-plugin码云地址:https://gitee.com/guoqiankun/my-vue3-plugin一、创建 Vue 项目使用 vue-cli 创建 vu.原创 2020-12-31 14:00:00 · 6405 阅读 · 1 评论 -
Couldn‘t find package “postcss-normalize-string@^4.0.2“ required by “cssnano-preset-default@^4.0.0“
使用 vue-cli 创建 vue3.x 版本项目报错1、报错内容:error Couldn't find package "postcss-normalize-string@^4.0.2" required by "cssnano-preset-default@^4.0.0" on the "npm" registry.Error: Couldn't find package "@vue/cli-overlay@^4.5.9" required by "@vue/cli-service@~4.5.0原创 2020-12-31 11:56:59 · 2383 阅读 · 1 评论 -
chrome浏览器插件开发-在当前网页中嵌入插件页面
浏览器插件开发在当前网页中嵌入插件页面既然想嵌入插件页面就是需要写html和css在myPlugin中创建contentCss文件夹,里面创建index.css文件在manifest.json中引入"content_scripts": [ { "matches": ["https://*.taobao.com/*"], "css": ["contentCss/index.css"], "js": ["contentJs/jquery.js"原创 2020-12-04 16:12:09 · 6749 阅读 · 4 评论 -
谷歌浏览器插件content_scripts、background、popup之间的通信
谷歌浏览器插件content_scripts、background、popup之间的通信1、content_scripts和background的通信接收消息:chrome.runtime.onMessage.addListener发送消息:chrome.runtime.sendMessage我们先在content_scripts里面加一个按钮,用来触发事件contentJs/index.js//contentJs/index.jsconst but2 = $('<button原创 2020-12-04 16:02:13 · 6654 阅读 · 4 评论 -
全方面手把手从0到1带你开发谷歌浏览器插件
谷歌浏览器开发一、创建myPlugin文件夹以及manifest.json文件1、在manifest.json文件写入这段代码如果你对manifest.json里面的字段描述不清楚,建议先看完此文章,先照猫画虎,在阅读 manifest.json 字段解析文章 网上最全谷歌浏览器插件manifest.json文件字段解析{ "name": "my Plugin", "description": "this is my plugin", "version": "0.0.1"原创 2020-12-04 15:52:45 · 7013 阅读 · 17 评论 -
谷歌浏览器插件permissions权限列表大全以及权限字段描述
permissions权限声明chrome浏览器声明权限列表以及权限描述权限描述activeTab请求根据activeTab规范授予扩展名权限。alarms扩展程序访问chrome.alarms API。background具有后台权限,可以在后台运行,直到退出chrome;通常,“背景”权限与背景页面,事件页面或背景窗口一起使用。bookmarks扩展程序访问chrome.bookmarks API的权限。browsingData扩展程序可以访问c原创 2020-12-02 17:14:06 · 9715 阅读 · 0 评论 -
网上最全谷歌浏览器插件manifest.json文件字段解析
谷歌浏览器插件manifest.json文件现在开发前端项目,文件中都有一个 package.json 文件,里面是这个整个项目的配置、项目的基础信息、项目的依赖等,那插件开发也有这个文件,那就是 manifest.json 文件Every extension has a JSON-formatted manifest file, named manifest.json, that provides important information(每个扩展都有一个JSON格式的清单文件,名为manife原创 2020-12-02 17:09:22 · 10395 阅读 · 5 评论