Vue.js devtools Chrome 开发者工具扩展，用于调试 Vue.js 应用。 2....React Developer Tools React Developer Tools，可以在 Chrome 和 Firefox 开发者工具审查 React 组件的浏览器扩展。 3....AngularJS Batarang AngularJS Batarang 是适用于 Chrome 的 AngularJS WebInspector 扩展。...AngularJS Batarang 是开发者工具扩展，用来调试和分析 AngularJS 应用。...掘金 Chrome 插件 掘金Chrome插件，只需要一个新标签页面，它能够为你聚合呈现出来你所需要的内容 本文作者：掘金 原文链接：http://www.jianshu.com/p/5b7785917e1a
名称 作用 下载地址 Postman 模拟各种http请求 点击下载 JSON Viewer 访问json结果自动视图化 点击下载 Axure RP Extension for Chrome 查看Axure
Chrome扩展程序之编码&时间戳小工具 作为一个前端小白，对于chrome扩展程序久闻大名，实际动手头一次；前天晚上到前端哪里串门看到小伙伴在搞这个，要了份手册，也来尝个鲜 项目源码看这里: https...chrome插件实现以下功能: 日期 / 时间戳互转 unicode / 中文转码 utf8 / 中文转码 url 编解码 准备 1....捋现有的扩展程序的代码 通过上面搞清楚基本的概念之后，也就是 manifest.json 这个东西的配置之后，自己想开发，但是没什么头绪，不要怕，完全可以去看下别人是怎么玩的 偷师三步骤： 打开扩展页...chrome://extensions/ ?...{ "name": "Encoder", "version": "1.0" , "manifest_version": 2, "description": "编码&时间戳转换小工具
得益于Google的品牌力量和技术实力，chrome浏览器近年来的市场占有率不断上升。...reizhi也是chrome的爱好者之一，从最原始的IE，到假死王maxthon，再到轻快的opera，最后让我留恋chrome的理由还是强大的可扩展性。...虽然资源占用永远都是抛不开的弱点，但无与伦比的速度和极致的可扩展性是有目共睹的。 其实把Tampermonkey叫做扩展，倒不如叫做脚本平台。...Tampermonkey下载安装地址 https://chrome.google.com/we……kfjojejmpbldmpobfkfo 在chrome上安装好Tampermonkey扩展后...除了从各大论坛下载JS脚本之外，userscripts也是非常棒的一个脚本扩展集合网站。
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" },
3.06% +0.08% IE 0.75% 浏览器扩展插件的用途 生产力工具（和浏览器进行交互：标签、书签、下载、代理、cookie等） 网页内容丰富（改变浏览器外观、桌面通知、右键菜单、...学习Chrome扩展插件势在必行♂️ Chrome extensions 文档 插件的架构可以参考这里 Chrome扩展程序应用商店入口 管理使用chrome扩展。...Web应用，然后将按照Chrome的规定将一个快捷方式放在Chrome工具栏上。...最后 本文介绍的是 chrome 扩展基础知识，相信看完以上之后，你会对 Chrome 扩展插件有了一个比较清晰的认识。...相信chrome扩展会大有作为，会不会迫不急待的要体验一下呢，我根据Chrome插件开发官网示例写的一个小扩展插件，点击这里查看项目。
Chrome的扩展程序很多，也很容易入门，可以来简单实现一下 看看 官方文档 或者翻译的文档：百度、360，慢慢就能实现出一个扩展程序来 每个扩展程序应用一般会包含： 一个manifest清单文件 html...一、了解Chrome扩展程序 Chrome扩展程序商店地址为：https://chrome.google.com/webstore/category/extensions?...hl=zh-CN 访问Chrome浏览器中已安装的扩展：chrome://extensions/ ?....pem是密钥文件 二、创建Chrome扩展程序 由上述知晓了扩展程序的大致信息，要创建一个扩展程序，也不外乎是创建一个项目，依据一定的规则编写逻辑后再打包安装 接下来就把之前写的简易计算器弄成一个扩展程序...可以看到计算器已经在扩展程序之中 再看看博客文章下的广告，已经被清除了 ? ? 三、发布Chrome扩展程序 自己的Chrome扩展程序写好之后，可以发布到商城之中 这篇文章 讲得挺好，就不多说了
而提到 Chrome 就绕不开它的扩展，或者叫插件（Chrome Extension）。 可以从 应用商店下载安装。应用商店除了有 Chrome 扩展程序，也有丰富的 Chrome主题背景。...一、Chrome 扩展应用程序构成（manifest v3版本） Chrome 扩展开发所用到的技术栈就是html/js/css。可以说就是纯“前端开发”，其界面是用 html+css 画的。...所以说，Chrome 扩展开发并不是什么新鲜玩意儿，只是一个挂载到 Chrome 浏览器上的一个“扩展”模块，比起微信小程序开发还简单。 这不就是网页应用吗？...交互界面与组成模块 一个扩展的组成模块如下图所示，整个 Chrome 扩展主要包含六个模块：扩展图标、插件弹窗、选项页、单独页、注入页面脚本、后台脚本。...二、API 文档 前面说了，扩展应用其实就是特殊的 h5 前端应用，相比于传统的 h5 的功能， 扩展最大的优势就在于他可以直接调用 chrome 原生Api。
关于 chrome 扩展的文章，很久之前也写过一篇。清除页面广告？身为前端，自己做一款简易的chrome扩展吧。 本篇文章重在分享一些制作扩展的过程中比较重要的知识及难点。...什么是 chrome 扩展程序 扩展程序是一些能够修改或增强 Chrome 浏览器功能的小程序。...如果没有工具，这个过程是很痛苦的。一次还好，如果一天重复这个动作几十次，就有必要考虑借助工具了。...仅供开发使用 当然，有些同学无法访问谷歌商店，或者扩展程序做出来仅仅是团队内部的一种工具，供私人使用。那么可以直接在 chrome 浏览器安装安装包。...在 chrome 浏览器中访问 chrome://extensions（或者单击多功能框最右边的按钮：打开 Chrome 浏览器菜单，并选择更多工具 (L) 菜单下的扩展程序 (E)，进入相同的页面）。
使用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
Jerry 之前的文章 Chrome 浏览器扩展 - Night Eye ，介绍的 Night Eye 这款 Chrome 浏览器扩展，只有三个月的试用期。...因此我又在网上找到了另一款完全免费的 Chrome 浏览器扩展，能够将任何网页的风格设置成暗黑风格。 这个扩展的名称叫做 Dark Web - Dark Theme for Chrome ?...安装之后，Chrome 扩展列表里，会出现一个新的暗黑色图标。点击之后，整个网页会变成黑色背景： ? 对比普通背景。这个效果还是相当不错的： ?
作者：苏生不惑 来源：苏生不惑 之前已经写过不少Chrome扩展那些我常用的 Chrome 扩展，这里继续推荐那些实用Chrome扩展 ，所谓实用就是能解决实际问题。...下载Chrome扩展需要先上谷歌，公众号回复 谷歌 获取使用方法，当然你也可以使用 https://chrome-extension-downloader.com/ 这个网站来下载crx文件，然后手动安装...手动安装扩展 关于手动安装Chrome扩展还有小伙伴不大会用 ?...简单来说就是打开谷歌的扩展管理页面 chrome://extensions/ ，然后将下载crx文件拖进去，如果提示该扩展程序未列在 Chrome 网上应用店中，并可能是在您不知情的情况下添加的或者程序包无效...自己摸索几下就会了，上谷歌后安装扩展就不用这么折腾了。 ? 下面是推荐的5个Chrome扩展。
****前言**** Chrome浏览器扩展开发算是相当简单的，基本只要掌握HTML+CSS+Javascript，即可快速开发一个属于你的Chrome插件！...---- ****Chrome扩展基本目录结构**** manifest.json 这是一个配置文件，里面记录了扩展的使用范围、作者、版本、其余需要加载的文件等内容; icon.png 这个一看便知...= 查看浏览器的工具栏 我的插件dir-tree ?...ALic_Chrome ? Alic_Chrome 简单的扩展插件就完成了 ～～～ ---- ****background交互**** 简单来说呢，上面完成的其实就是一个扩展程序的微框架。...{}); 开发一个简单Chrome扩展程序基本是没有什么大问题的！
本文的目标群体：已经了解或使用过chrome扩展应用，但是自己不知道如何开发一个chrome扩展应用的工程师。如果有具体的chrome扩展应用开发经验的同学，本篇文章可能太过简单，并不适合你。...本文的主要内容如下： chrome扩展应用模块功能介绍 chrome扩展应用模块开发介绍 本文的内容不包括chrome扩展应用开发时提供的各个API功能详解，有需求的同学可以自行查看官方API文档。...chrome扩展应用模块功能介绍 chrome扩展应用由很多部分组成，其中主要模块为： Manifest File Background Pages Content Script Options 为了避免由于翻译原因导致的问题...总结 我们通过一个简单的表情插件的例子来快速的介绍了chrome扩展应用的各个模块的功能和开发方法。通过这篇文章大家应该知道了chrome扩展应用各个模块的作用和开发的方法。...如果大家想对chrome扩展应用有一个更加深入的了解，那么建议自己动手开发相关的功能。这样才能够对chrome扩展应用的相关逻辑有一个更加清楚的认识。
喜欢chrome浏览器又经常使用迅雷下载东西的朋友注意了，chrome迅雷下载扩展已经发布了。再也不用复制到IE打开或者使用IE tab了。...目前只支持chrome浏览器内左键点击下载，支持以下文件类型的绝对路径下载地址：“rar、zip、tar、iso、exe、dll、rmvb、rm、avi、mp3、wma、wmv、wmp、mpg、mpeg...太平洋下载、霏凡软件站、中关村在线、天空软件站”（华军的下载页提供的是绝对地址，不需要专门支持） 支持绝对路径的BT种子下载 支持ed2k链接的点击下载，但不支持VeryCD下载页中的“下载选中的文件” 扩展下载
从零实现的Chrome扩展 Chrome扩展是一种可以在Chrome浏览器中添加新功能和修改浏览器行为的软件程序，例如我们常用的TamperMonkey、Proxy SwitchyOmega、AdGuard...而Chrome浏览器则在2010年支持了扩展系统，同样其也允许开发人员为Chrome编写自定义功能和修改浏览器行为的软件程序。...虽然FireFox是第一个引入浏览器扩展的浏览器，但是Chrome的扩展系统得到了广泛的认可和使用，也已经成为了现代浏览器中最流行的扩展系统之一。...扩展实际上还是Web技术，那么我们就完全可以利用Web的相关生态来完成插件的开发，当前实际上是有很多比较成熟的扩展框架的，其中也集合了相当一部分的能力，只不过我们在这里希望从零开始跑通一整套流程，那么我们就自行借助打包工具来完成产物的构建...devtools: 这个模块可以扩展Chrome开发者工具的功能，可以添加新的面板、修改现有面板的行为等。
Get CRX可以获取任何Chrome扩展程序的源.crx扩展名文件，通过右键单击上下文菜单获取任何免费Chrome扩展程序的.crx源文件。 使用方法： 1、打开谷歌应用商店的插件页面。 ?...插件信息： 软件名称：Get CRX 版本：1.22 更新日期： 2018年8月1日 大小：12.23KiB 点击下载：Get_CRX_1.22.0.0.crx 声明：本文由w3h5原创，转载请注明出处：《Chrome...插件：谷歌应用商店crx扩展程序下载工具（Get CRX）》 https://www.w3h5.com/post/197.html
之前已经写过不少Chrome扩展那些我常用的 Chrome 扩展，这里继续推荐那些实用Chrome扩展 ，所谓实用就是能解决实际问题。...下载Chrome扩展需要先上谷歌，公众号回复 谷歌 获取使用方法，当然你也可以使用 https://chrome-extension-downloader.com/ 这个网站来下载crx文件，然后手动安装...手动安装扩展 关于手动安装Chrome扩展还有小伙伴不大会用 ?...简单来说就是打开谷歌的扩展管理页面 chrome://extensions/ ，然后将下载crx文件拖进去，如果提示该扩展程序未列在 Chrome 网上应用店中，并可能是在您不知情的情况下添加的或者程序包无效...自己摸索几下就会了，上谷歌后安装扩展就不用这么折腾了。 ? 下面是推荐的5个Chrome扩展。
忙活了有一段时间，零零散散的写了一个Chrome扩展。这里发发一篇文章安利一下。 怎样的一个扩展呢 它是一个Gmail 过滤器辅助工具，使用这个扩展可以轻松的创建邮件过滤器。 有图有真相 ?...如何下载 Chrome Store 大中华局域网用户下载地址 为什么写这个扩展 还是那个原因，自己遇到了不爽与痛点。 我是一个重度的Gmail用户，工作的邮箱使用Gmail托管。...开源么 当然开源，原因如下 个人能力和精力毕竟有限 希望通过社区的力量推动这个扩展持续发展 所以，如果你有想法的话，可以访问这个Github地址 https://github.com/androidyue.../Gmail-Helper-Filter 贡献力量 除了开源贡献代码外，如果你有想法，也可以共享力量，比如 提需求 提bug 分享本文或扩展 捐赠（下面那个红色按钮） 感谢 再次感谢我的御用设计师 大麦
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
