- 综合排序
- 最热优先
- 最新优先
- 来自专栏前端儿
编写Chrome扩展程序
Chrome的扩展程序很多，也很容易入门，可以来简单实现一下 看看 官方文档 或者翻译的文档：百度、360，慢慢就能实现出一个扩展程序来 每个扩展程序应用一般会包含： 一个manifest清单文件 html 一、了解Chrome扩展程序 Chrome扩展程序商店地址为：https://chrome.google.com/webstore/category/extensions? hl=zh-CN 访问Chrome浏览器中已安装的扩展：chrome://extensions/ ? .pem是密钥文件 二、创建Chrome扩展程序 由上述知晓了扩展程序的大致信息，要创建一个扩展程序，也不外乎是创建一个项目，依据一定的规则编写逻辑后再打包安装 接下来就把之前写的简易计算器弄成一个扩展程序 可以看到计算器已经在扩展程序之中 再看看博客文章下的广告，已经被清除了 ? ? 三、发布Chrome扩展程序 自己的Chrome扩展程序写好之后，可以发布到商城之中 这篇文章 讲得挺好，就不多说了
1.5K10发布于 2018-09-03 - 来自专栏我是业余自学C/C++的
chrome无法离线按照扩展程序 原
1.下载扩展包，并将.crx后缀修改为.rar。 2.将上面的.rar文件解压 3.在扩展程序页面选择Load unpacked选项，然后选中刚才解压的文件夹，确定。插件安装成功。
93500发布于 2019-04-18 - 来自专栏Jimoer
分享几个实用的Chrome扩展程序
这次分享几个自己工作这几年下来，平常用的比较多的几个谷歌浏览器的扩展程序。 AdBlock 最受欢迎的 Chrome 扩展，拥有超过 6000 万用户！拦截网页上的广告。 可以直接将文件拖到Chrome里自动播放。 点击RECORD开始录制。 掘金 程序员分享社区，这个插件可以让你在打开新标签页的时候默认看到的是，掘金收集的每天最新，最热的技术文章。 Source Shell App 这是一款可以将Chrome当成SSH连接工具的浏览器应用。 如果大家不知道怎么下载Chrome插件的话，可以百度一下另一个插件SetupV**，这个工具具体是干啥的，我就不多说了。 最后的最后，这些扩展程序都是自己经常用到的，如果大家也有好用的Chrome插件也可以推荐给我。
2.6K20发布于 2019-04-01 - 来自专栏finleyMa
开发了一款chrome扩展程序
mafengwo-mp3-downloader 一款识别并下载马蜂窝游记页面背景mp3音乐的chrome扩展程序 主要功能 当打开游记页面 比如 如果检测到有背景音乐， 会弹出包含歌曲信息的chrome unnamed.jpg 安装 源码 webstore下载 感谢 https://github.com/aadsm/jsmediatags https://github.com/sxei/chrome-plugin-demo
57420发布于 2018-09-10 - 来自专栏全栈技术
使用HTML，CSS和JavaScript创建Chrome扩展程序
通过使用扩展程序，谷歌浏览器变得更加强大。 因此，今天，我们将研究如何使用HTML，CSS和JavaScript创建您的第一个Google Chrome扩展程序。 设置 要求 Chrome扩展入门的要求很少。 列表在这里： Google Chrome扩展程序（用于测试） 文本编辑器（我更喜欢VS Code，您可以根据需要使用其他编辑器） 有关HTML，CSS和JavaScript的基础知识 Chrome扩展程序 我们将为第一个Chrome扩展程序开发一个计算器应用程序。 如果您知道如何为网络应用程序制作计算器，那么本教程将对您来说很容易。现在，您只需要知道“如何设置扩展名？”即可。
3.4K20发布于 2021-08-23 - 来自专栏前端资源
谷歌改进Chrome扩展程序菜单，更加方便直观。
报告显示，今年1月Chrome浏览器的市场份额已经从去年的60.57%上升至61.41%。但是Chrome内存占用严重，下载和扩展程序菜单不够人性化等也常被人吐槽，现在谷歌正在着手改善这些问题。 当前正式版本的谷歌Chrome浏览器的扩展程序被放在三级菜单，使用起来非常不方便。 谷歌Chrome正在测试工具栏扩展菜单：新增一个扩展管理按钮，点击即可显示已安装的扩展程序。 ? 点击扩展程序列表右侧的三个小点（选项菜单），弹出设置菜单，代替右击扩展程序图标功能，更加直观。如果不想在标题栏显示，可以选择“取消固定”，扩展程序就会在地址栏消失，大大节省了地址栏的空间。 新的扩展程序菜单还包括“管理扩展程序”选项，可快速进入扩展程序管理页面。 ? 新版菜单把“扩展程序管理”从“更多工具”里移出，放在扩展程序专属的菜单中，操作更加方便。 声明：本文由w3h5原创，转载请注明出处：《谷歌改进Chrome扩展程序菜单，更加方便直观。》 https://www.w3h5.com/post/272.html
2.4K20发布于 2019-11-13 - 来自专栏Coco的专栏
【前端工具】Chrome 扩展程序的开发与发布 -- 手把手教你开发扩展程序
什么是 chrome 扩展程序 扩展程序是一些能够修改或增强 Chrome 浏览器功能的小程序。 如下图所示，这些图标就是各种开发者提供的 chrome 扩展程序： ? 区分扩展与插件 很多人会误称扩展程序为插件，这里有必要区分一下。 就我而言，最近我开发了一款简单的扩展程序 —— URLHelper 。你可以在 chrome 应用商店下载到它： ? 关于扩展程序的相关文档，可以看看这些文章： 建立 Chrome 扩展程序 扩展开发文档 首先，我觉得最重要的，是要了解整个扩展程序的基本架构，有几个非常重要的文件： Content scripts 将扩展程序打包上线发布到 Chrome 应用商店 扩展程序开发好了，希望供他人下载。那么当然需要发布到应用商店。流程大致如下： 登录到 Chrome 开发者信息中心。
2.2K30发布于 2018-05-28 - 来自专栏reizhi
chrome扩展推荐-Tampermonkey
reizhi也是chrome的爱好者之一，从最原始的IE，到假死王maxthon，再到轻快的opera，最后让我留恋chrome的理由还是强大的可扩展性。 虽然资源占用永远都是抛不开的弱点，但无与伦比的速度和极致的可扩展性是有目共睹的。 其实把Tampermonkey叫做扩展，倒不如叫做脚本平台。 Tampermonkey下载安装地址 https://chrome.google.com/we……kfjojejmpbldmpobfkfo 在chrome上安装好Tampermonkey扩展后 除了从各大论坛下载JS脚本之外，userscripts也是非常棒的一个脚本扩展集合网站。 去验证码 07 飞速网盘 (ray File) 超大文件下载破解 08 用音乐倾听彼此 (Song Taste) 去注册登录提示 + 解析真实地址 09 中国原创音乐基地 (5 Sing) 解析真实地址 10
1.4K40编辑于 2022-09-26 - 来自专栏小灰灰
Chrome扩展程序之编码&时间戳小工具
Chrome扩展程序之编码&时间戳小工具 作为一个前端小白，对于chrome扩展程序久闻大名，实际动手头一次；前天晚上到前端哪里串门看到小伙伴在搞这个，要了份手册，也来尝个鲜 项目源码看这里: https 的到百度上找个工具来用，虽然说也可以满足需求，单终究不是那么爽快；作为一个码农，完全可以考虑捋起袖子自己玩 如果用的mac电脑，有两神器估计大家都知道 Alfred 和 popclip， 这两个支持自定义扩展程序 ，只要你脚本写得溜，想上天都行 推一个我之前写的 poplicp 扩展程序的源码链接 ： https://github.com/liuyueyi/PopClip, 基本上也是为了实现上面的需求 ok，这里的主要目的是开发 捋现有的扩展程序的代码 通过上面搞清楚基本的概念之后，也就是 manifest.json 这个东西的配置之后，自己想开发，但是没什么头绪，不要怕，完全可以去看下别人是怎么玩的 偷师三步骤： 打开扩展页 ": "/image/icon48.png" }, "permissions": [ "http://api.flickr.com/" ] } 2. popup.html 页面 这个就是扩展程序显示的页面了
2.8K80发布于 2018-02-06 - 来自专栏无限可能的程序开发
认识Chrome扩展插件
定制新标签页） 信息聚合（更像是一个快应用，类似小程序） 乐趣和游戏（小恐龙（chrome://dino/）游戏，想必都玩过） 总之扩展程序让浏览器的功能更加强大，更加贴合用户使用。 学习Chrome扩展插件势在必行♂️ Chrome extensions 文档 插件的架构可以参考这里 Chrome扩展程序应用商店入口 管理使用chrome扩展。 访问 url: chrome://extensions，打开开发者模式 扩展程序是基于 Web 技术（如 HTML、CSS 和 JavaScript）构建的软件程序，使用户能够自定义 Chrome 当然，这个弹出窗口不会被Chrome拦截 popup 无法通过程序打开，只能由用户点击打开。点击 popup 之外的区域会导致 popup 收起。 最后 本文介绍的是 chrome 扩展基础知识，相信看完以上之后，你会对 Chrome 扩展插件有了一个比较清晰的认识。
2.3K10编辑于 2022-09-26 - 来自专栏路过君BLOG from CSDN
Chrome扩展开发
manifest_version": 2, // 插件的名称 "name": "demo", // 插件的版本 "version": "1.0.0", // 插件描述 "description": "简单的Chrome 扩展demo", // 图标，一般偷懒全部用一个尺寸的也没问题 "icons": { "16": "img/icon.png", "48": "img/icon.png", "128" "browser_action": { "default_icon": "img/icon.png", // 图标悬停时的标题，可选 "default_title": "这是一个示例Chrome ", // Chrome40以后的插件配置页写法，如果2个都写，新版Chrome只认后面这一个 "options_ui": { "page": "options.html", // 添加一些默认的样式 ，推荐使用 "chrome_style": true }, // 向地址栏注册一个关键字以提供搜索建议，只能设置一个关键字 "omnibox": { "keyword" : "go" },
1.6K20发布于 2020-06-19 - 来自专栏葡萄城控件技术团队
前端开发：这10个Chrome扩展你不得不知
原文出处：https://blog.bitsrc.io/10-top-chrome-extensions-for-front-end-developers-db23a01dce1e 1. Auury是由Rangle.io构建的DevTool扩展，用于调试、分析和优化Angular项目。 Augury有着您直接从浏览器调试Angular应用程序所需的一切，来试试吧。 3. React Developer Tools ? 这是React团队开发的很棒的DevTool。 如果您曾经尝试从chrome inspector工具中的元素复制CSS样式代码，则可以轻松了解CSSPeeper带来的价值。 10. WhatFont ? 结论 以上只是基于我自己的理解，这些扩展是我的工作更加的轻松快捷。 如果您对上面的内容有任何补充，欢迎评论告诉我，谢谢！
3.6K10发布于 2020-03-19 - 来自专栏软件安装
Chrome扩展安装插件教程，Edge安装插件扩展教程，浏览器安装扩展程序方法
Chrome/Edge等常用浏览器扩展安装教程，如何安装浏览器扩展方法分享？ Chrome浏览器 1、通过浏览器扩展程序网站，下载扩展。 2、下载完后，直接点击 安装到浏览器 按钮，此时右上角出现下载按钮，点击下载按钮。 找到下载的文件点击 下载可疑文件，（说明：这里并非可疑文件，而是 Google 为了垄断，从第三方商店（比如Crx搜搜）安装的默认会被 Chrome 阻止下载） 下载完成后提示 无法从该网站添加扩展程序 打开【允许来自其他应用商店的扩展】开关后，Edge 浏览器还可以安装来自 Chrome 商店中的扩展。 将下载好的 crx 扩展文件拖动到扩展管理页面。 .zip举例，可以看到，他是一个以.zip结尾的扩展程序，他适合所有主流浏览器，所以比较方便 2、打开chrome浏览器，在它的右上角有一个扩展程序，直接点击； 如果没有扩展程序；请点击右上角三个点
8.6K20编辑于 2025-11-12 - 来自专栏前端博客
Chrome扩展程序导出备份与本地导入浏览器
操作步骤如下：Chrome导出扩展程序对于之前安装过插件，需要备份或者其他Chrome皮的国产浏览器，都可用用此方法打包，然后倒入chrome浏览器安装。 打开chrome打开扩展程序管理界面查看插件的id，开到相应的插件文件，打包找到扩展程序目录找到插件安装位置，路径如下：C:\Users\zhoulujun\AppData\Local\Google\Chrome \User Data\Default\Extensions具体操作如图所示打包扩展程序load/浏览插件文件(扩展程程序的id文件夹)，个人用，Private key file/私钥文件不用不安，点击 Pack extention/打包扩展程序，然后在该扩展程序目录下，ctx 即开插件的打包文件。 在其他浏览器，拖该ctx文件，到chrome 扩展程序管理界面，即可导入安装chrome常用插件列表个人打包从插件列表AlexaTrafficRank.crx：http://zhoulujun.cn/media
3.7K10编辑于 2023-04-09 - 来自专栏鱼皮客栈
Claude杀入浏览器战场，宣布接入Chrome扩展程序
Anthropic 正式官宣 Claude For Chrome！ 也就是说，未来你可以在浏览器的扩展程序中使用 Claude 的 AI Agent 工具，并借助它管理日历、填写表单、起草电子邮件回复等等。 这无不显示，Claude 浏览器扩展的目标是成为生活中的“超级助理”。 目前 Claude 已经使用了几种防御措施，包括： 1）权限 用户始终拥有对 Claude for Chrome 可以访问和执行的作的控制，并可以随时在“设置”中授予或撤销 Claude 对特定网站的访问权限 https://claude.ai/chrome 本文编辑：玉露
20900编辑于 2026-06-11 - 来自专栏epoos.com
Chrome扩展开发入门
而提到 Chrome 就绕不开它的扩展，或者叫插件（Chrome Extension）。 可以从 应用商店下载安装。应用商店除了有 Chrome 扩展程序，也有丰富的 Chrome主题背景。 一、Chrome 扩展应用程序构成（manifest v3版本） Chrome 扩展开发所用到的技术栈就是html/js/css。可以说就是纯“前端开发”，其界面是用 html+css 画的。 所以说，Chrome 扩展开发并不是什么新鲜玩意儿，只是一个挂载到 Chrome 浏览器上的一个“扩展”模块，比起微信小程序开发还简单。 这不就是网页应用吗？ 交互界面与组成模块 一个扩展的组成模块如下图所示，整个 Chrome 扩展主要包含六个模块：扩展图标、插件弹窗、选项页、单独页、注入页面脚本、后台脚本。 二、API 文档 前面说了，扩展应用其实就是特殊的 h5 前端应用，相比于传统的 h5 的功能， 扩展最大的优势就在于他可以直接调用 chrome 原生Api。
5.1K30编辑于 2022-09-19 - 来自专栏FunTester
Chrome扩展程开发初探
偶然间被ChatGPT提醒，觉得Chrome拓展开发是一个非常不错的方向。 Chrome拓展是扩展浏览器功能的小程序，用户可以通过Chrome Web Store下载和安装。 manifest.json 文件是 Chrome 扩展的配置文件，定义了扩展的基本信息、权限和功能。 常用功能 popup 页面 在 Chrome 扩展中，popup 页面是指当用户点击扩展图标时弹出的界面。这个界面通常用于提供用户交互或展示信息。 body { width: 300px; height: 200px; font-family: Arial, sans-serif; padding: 10px Chrome 扩展的安全性设计确实不允许在 HTML 页面中直接使用 JavaScript 代码来加载或执行扩展的功能。Chrome 扩展通过内容安全性策略来限制可以在页面上执行的脚本。
2.4K10编辑于 2024-07-30 - 来自专栏LNMP开发那些事
使用typescript开发chrome扩展
使用typescript开发chrome扩展 记录一下使用typescript开发chrome扩展的相关配置。 1. 安装依赖 必定需要用到的开发依赖项： chrome-types copy-webpack-plugin ts-loader typescript webpack-cli npm install chrome-types 基本目录结构截图 图片 chrome使用typescript目录结构 MySQL多层级树形结构表的搜索查询优化 使用WordPress作为小程序后端——APPID有效性前置检查 使用WordPress 作为小程序后端——小程序请求前置检查 Windows rclone挂载sftp 迁移——从Electron迁移到Eclipse Theia 使用typescript开发chrome扩展 use multiple
2.1K20编辑于 2023-10-19 - 来自专栏软件安装
如何解决 chrome 浏览器无法安装扩展程序问题
--chrome浏览器无法安装扩展，并出现以下几种提示：程序包无效：CRX_REQUIRED_PROOF_MISSING该扩展程序未列在 Chrome 网上应用店中，并可能是在您不知情的情况下添加的扩展的按钮开关为灰色 ，无法启用下面以安装 油小猴工具箱 扩展为例，提供 2 种解决方法：方法一（推荐）：下载 Chrome和Edge策略文件.zip (opens new window)并解压，得到 chrome.adm 在 管理模板 下找到 经典管理模板(ADM) -> Google -> Google Chrome -> 扩展程序双击 配置扩展程序安装许可名单，将其改为【已启用】，然后点击【显示】进入白名单列表。 找到无法开启的应用，复制不可用的扩展ID，例如：edjmlggggbhakhfmkbffngikmionpolh 填入白名单中，然后点击确定。重启 Chrome 浏览器后扩展即可正常使用。 Chrome 浏览器，扩展程序，无法安装，解决方法，浏览器设置，网络连接，版本更新，开发者模式，手动安装，安全策略，兼容性问题，权限限制，缓存清理，插件冲突，技术支持
6K10编辑于 2025-06-10 - 来自专栏破晓之歌
将Chrome(谷歌浏览器)扩展程序打包为crx文件
下载插件并安装 在浏览器地址栏输入chrome://extensions/，点右上角的开发人员模式 ? 可以看到每一个扩展下面都有个ID，后面跟着一串字母，复制此ID，备用。 同时留意下扩展程序的版本号 文件目录： C:\Documents and Settings\Administrator\Local Settings\Application Data\Google\Chrome 在上述的【扩展程序】页，打开【开发人员模式】，再点【打包扩展程序】，“扩展程序根目录”选刚才的版本号文件夹 ? 生成一个crx文件和一个pem文件，把crx文件保存好，pem可以丢掉。
3.1K20发布于 2018-09-26
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号