前言 我当时学习开发 Chrome 插件的时候，还不会 Vue，更别说 Webpack 了，所以使用的都是原生的 html 开发，效率就不提了，而这次就准备使用 vue-cli 来进行编写一个某...B 站获取视频信息,评论的功能（原本是打算做自动回复的），顺便巩固下 chrome 开发（快一年没碰脚本类相关技术了），顺便写套模板供自己后续编写 Chrome 插件做铺垫。...插件的时候就写了悬浮窗，所以 vue 版的也顺带写一份。...相关模板 vitesse-webext plasmo 整体体验 当时写 Chrome 插件的效率不能说慢，反正不快就是了，像一些 tips，都得自行封装。...用过 Vue 的都知道写网页很方便，写 Chrome 插件未尝不是编写一个网页，当时的我在接触了 Vue 后就萌发了使用 vue 来编写 Chrome 的想法，当然肯定不止我一个这么想过，所以我在 github
言归正传，掘金导航这个插件功能还是挺可以的，那么我们自己写个chrome掘金导航插件吧。...，他是有用到vue-router，根据不同路由显示不同的内容，不过我们这里并不打算用这个路由插件 我们在根目录下新建一个index.html，然后引入vue3，但是此时会报错 vue.global.min.js...这个版本不准备用工程化方式去构建，我准备用最原始的方式去模仿写个插件，而且也会vue版本，不过此时vue的版本是csp版本 默认打开首页 当我们安装插件时，此时导航栏默认变成掘金的了，那这个是怎么实现的呢.../query就可以了 预览 最后，vue构建的chrome插件就已经ok了，我们并没有用脚手架方式去构建，就是最原始方式实现了chrome插件，我们也看到不用脚手架的方式构建页面，虽然满足了业务，...总结 我们自己尝试写一个chrome掘金插件，明白插件如何修改默认导航页的 知道如何换肤主题，主要利用css变量 如何EazyMock在线模拟接口数据 原始方式利用vue构建应用 本文示例源码 code
我是一个重度的 Chrome 使用者，还是给大家带来一波好用的 Chrome 插件吧，都是我自己亲身使用过觉得不错的，推荐给大家。 嗯......，这下不用领 Mac 了吧。...Tampermonkey Chrono Chrome 有自己默认的下载器，但是功能太过简单。Chrono 下载管理器是 Chrome™ 浏览器下第一款也是唯一一款功能全面的下载管理工具。...超级截图录屏大师是一款录屏神器，也是一款截屏神器．屏幕截图 & 图片编辑，屏幕录像＆视频编辑，所有这些截图，录屏功能，都被一气呵成的集成到插件和对应的网站服务中。...JSONView Web Developer 用过 Chrome 浏览器调试 Web 的都应该用过自带的 DevTools 工具，而 Web Developer 插件则又增强了一些功能，比如禁 Javascript...，禁插件，编辑 css，cookie，form 等。
4. jsonView 由于JSON的优点，目前系统接口返回数据往往通过Json格式，而在浏览器访问接口返回的JSON数据并没有安装JSON格式展现出来，此时，我们就可以给Chrome浏览器安装JSONView...插件，通过它可以方便我们的阅读。...如果想让自己的网站更加酷炫，那么就使用Stylish插件，保准让你网页风格显得与众不同。 ? 6....上述这些插件，大家可以发送关键字"Chrome插件"获取，接着打开chrome浏览器输入chrome://extensions，最后只需要将上述插件拖动扩展程序处即可。
linkid=830387 "version": "0.2.0", "configurations": [ { "type": "chrome", "request": "launch",..."name": "vuejs: chrome", "url": "http://localhost:8080", "webRoot": " ?
作为一个UI开发，平时跟Chrome浏览器打交道最多，于是就整了一个Chrome插件可以及时预览对应Animate.css中的动画效果并生成对应的动画代码，这样在实际开发中碰到一些需要使用到Animate.css...下面就以一个简单的flexbox对齐预览的插件为例，讲讲使用vuejs开发Chrome插件的开发体验和效率。...Chrome插件开发基本知识 在应用商店中下载下来的插件基本上都是以.crx为文件后缀，该文件其实就是一个压缩包，包括插件所需要的html、css、javascript、图片资源等等文件。...这里需要注意的一点是，chrome 扩展的运行环境有一些特殊要求，称为 Content Security Policy (CSP)，使得通常的 vue 不能被正常使用。...一个简单的插件就完成了，通过这一个简单的chrome插件就可以体验到vuejs在web开发中简单、优雅的魅力，还有什么理由不用起来呢。
分享几个chrome常用插件chrome就是谷歌浏览器… 就是下面这些啦~
chrome 插件 Chrome 上有非常多的功能强大的和插件。这些插件让 Chrome 变得更加强大。下面是我常用的一些插件。 常用工具 划词翻译 翻译工具。...更酷的使用浏览器 Gestures for Google Chrome 鼠标手势。 Vimium 使用 Vim 的方式来浏览页面。 Link Preveiw 预览超链接指向的页面的内容。...注意，要让这个插件生效。需满足如下条件 1，要 安装 Sublime的插件 Livestyle。2，在服务器上打开 HTML 文件。 这个过程还是略显麻烦的。
前言 相关文章 谷歌官方文档 (需翻墙) Chrome 插件开发全攻略 （强烈推荐看这一篇！） 你只需要看完上面那篇文章和掌握一些前端开发基础，就足以自行编写一个 Chrome 插件。...什么是 Chrome 插件 如果你用过 Chrome 浏览器的话，也许会用到过一些插件，其中比较知名的就是油猴插件，通过这些插件能够帮你例如自动完成一些功能，屏蔽广告，相当于一个浏览器内置的脚本。...应该来说这是 Chrome 扩展开发，不过说 Chrome 插件更顺口，后文也会说成 Chrome 插件。...安装 Chrome 插件 首先打开 Chrome，如下图即可进入插件的管理页面 这时候记得把右上角的开发者模式给勾上，如果不勾上的话你无法直接将文件夹拖入 Chrome 进行安装，就只能安装.crx...然后将写好的 Chrome 插件文件夹拖入到刚刚打开的插件管理页面即可。
AdBlock for Chrome插件 作者：matrix 被围观: 1,589 次 发布时间：2013-02-22 分类：兼容并蓄 | 无评论 » 这是一个创建于 3478 天前的主题，...AdBlock for chrome 插件 强有力的阻挡了优酷的“男人要面子更要爱面子…”AD。 AdBlock相当牛逼。对于讨厌广告的人来说是非常好的东东！...目前太多网站已经免疫Adblock插件，Adblock去视频广告已经不明显了。建议使用：广告终结者 若眼前的看官，还没有CHROME+AdBlock（排除其他未知因素）的话。...建议你速度点用chrome: 打开google网上应用商店>>搜索AdBlock>>点“扩展程序”选项卡 或者点击此链接 再添加就行了！ 祝你好运！
背景 例子为：ModHeader插件，顾名思义可以修改request header的插件，官方地址为：https://chrome.google.com/webstore/detail/modheader...首先安装官方chrome插件； 2....找到插件的本地目录，windows7中chrome插件默认安装目录位置: C:\Users\用户名\AppData\Local\Google\Chrome\User Data\Default\Extensions...修改插件里面的内容，一般插件都是js开发的，自行修改； 调试的操作如下： chrome浏览器打开chrome://inspect/#extensions ?...点击inspect，就可以打开一个chrome窗口用来调试这个插件的 ? 5. 修改插件目录的_metadata目录为metadata，就是去掉前面的下划线； ?
chrome://extensions/ 插件安装页面 crx文件修改扩展名为zip后解压文件，在chrome://extensions中选择开发者模式，并选择“加载已解压的扩展文件”，导入即可（确保文件夹不被删除...） 上面操作过于复杂，还可以直接把crx拖入插件页面，chrome自动安装 chrome://apps/ 在app页面选择启动app，但不是所有的插件都是在这里能找到，比如crx4chrome网站上的setupV...**，安装成功后在chrome的用户登陆按钮旁边会多处一个按钮。
离线版下载地址： https://u14797164.pipipan.com/fs/14797164-237427303 9、一键管理所有扩展 Chrome其实很占内存，尤其当插件装多了以后会卡顿.../fs/14797164-237421488 24、Google翻译 Google翻译是一款由谷歌公司提供的网页划词翻译插件，是Google Chrome的翻译扩展工具，由Google官方发布。...API & HTTP 请求调试工具，它不仅可以调试简单的 HTML、CSS 以及脚本等简单的网页基本信息，这款 Chrome 插件甚至还能发送几乎所有的 HTTP 请求，可谓是 Web 开发者的一大利器...可能很多童鞋已经猜到她是干嘛的了，她继承了Vim的常用操作，完全脱离鼠标来控制浏览器，是一款黑客级别的Chrome插件。对熟悉linux的同学来说，简直是神器。...离线安装谷歌插件方法也很简单： 1、打开谷歌浏览器输入：chrome://extensions/ 2、打钩开发者模式 3、把下载的后缀为crx的文件拖进来即可安装
AdBlock for Chrome插件 作者：matrix 被围观: 1,590 次 发布时间：2013-02-22 分类：兼容并蓄 | 无评论 » 这是一个创建于 3478 天前的主题，...AdBlock for chrome 插件 强有力的阻挡了优酷的“男人要面子更要爱面子…”AD。 AdBlock相当牛逼。对于讨厌广告的人来说是非常好的东东！...目前太多网站已经免疫Adblock插件，Adblock去视频广告已经不明显了。建议使用：广告终结者 若眼前的看官，还没有CHROME+AdBlock（排除其他未知因素）的话。...建议你速度点用chrome: 打开google网上应用商店>>搜索AdBlock>>点“扩展程序”选项卡 或者点击此链接 再添加就行了！ 祝你好运！
这些行为其实完全可以被视作重复劳动，有机会被脚本或者插件的自动行为取代。iMacro 或者 Greasemonkey 都是做这件事的好工具，今天下午有时间，要不干脆写一个 Chrome 插件吧。...代码放入 Chrome 调试也很简单： “Load unpacked extension” 加载自定义的插件文件夹就可以了，其中的”_generated_background_page.html” 可以看得到浏览器中执行的插件的页面和脚本...在完成以后，”Pack extension” 可以把插件打包。 浏览器中的大部分可见元素，插件都可以定义行为和操作，比如书签、tab、window、cookie、history、event、菜单等等。...所有这一切，都在一个叫做 chrome 的插件代码全局可见的对象中。...以一段创建右键菜单的代码为例： var id = chrome.contextMenus.create({ "title": type, "parentId":parentId, "contexts
下面给大家推荐一些自己常用的chrome 插件，绝对可以提升你的上网和工作效率，感兴趣的话，可以体验一下（下载链接在文末）。...Adblock Plus Adblock Plus是一款非常强大的广告拦截插件，其不仅是一款免费的插件，而且支持包括Chrome、Firefox等多种浏览器。...Toby:管理你的tab页 打开的标签页很多，切换管理麻烦，管理chrome标签页的插件。...Toby是一款可以帮助用户管理chrome标签页的谷歌浏览器插件，在chrome中安装了Toby插件以后，用户就可以对已经打开的chrome标签页进行快速地管理，当标签页很多的时候，Toby还提供了快速搜索的功能...Code Cola 这是一款非常好用的能查看网页代码样式的chrome CSS样式可视化插件，可以直接在浏览器上修改你打开的网页。
给大家推荐一些常用的 chrome 的插件，还是非常不错的，大家可以用起来看看。...7、下载+ Chrome的下载管理在二级菜单里，进去很不方便。装了这个插件就可以直接看和管理，很好用。...11、crxMouse Chrome Gestures 对于国产浏览器自带鼠标手势的功能，真觉得很方便！有了这款插件，也足够让你装B了。...15、Image Downloader Chrome 想下载某个页面的图片，不用再去资源里面一个一个看了，直接安装这个插件，一键就可以下载。...26、Tampermonkey 俗称‘油猴子’，方便的管理插件的插件，你试试就知道如何的优秀。 27、Code Cola Code Cola是一个可视化编辑在线页面css样式的chrome插件。
所以有时候我们可以称 Chrome 插件，就是 Chrome 浏览器的灵魂，今天我就给大家推荐 6 款 Chrome 灵魂插件。...Video Downloader professional 是一款为 Chrome 浏览器用户打造的简单好用的视频下载插件。 该插件在安装以后，我们在浏览视频的时候就可以一键对视频进行解析下载。...（插件下载地址见文末） 实际上我 Chrome 浏览器安装了近20多个插件，以上是我平时使用比较多的几款，由于篇幅有限改天给大家继续介绍。...另外，由于众所周知的原因， 大家都不能直接下载 Chrome 插件来使用，因此这里给大家介绍另外一种安装方式。...点击上方卡片关注公众号后台输入「007」即可获取插件 2、打开扩展程序页面，地址栏输入 chrome://extensions/ ?
除了chrome本身的基本能力（控制台等）外，能大幅提高这个神器的使用体验的是，可扩展能力（插件）以及丰富的插件生态。...而应该是发现现在的插件库里，没有一个能解决自已在使用chrome过程中某个痛点的插件。...对于初次开发chrome插件的人来说，建议先看入门指引小demo，篇幅很小，很快可以看完。...看完之后对chrome插件的基本配置和文件结构会有一个大致的认识，同时也学会了如何在chrome上加载自己在本地开发的插件。...目前我们已经掌握了插件两个功能点的配置了。如果用过evernote剪裁插件的人应该知道，插件可以改变chrome在页面上的右键菜单： ? 这里在哪里实现的呢？
DashNotes for Chrome插件 作者：matrix 被围观: 2,702 次 发布时间：2014-10-03 分类：零零星星 | 11 条评论 » 这是一个创建于 2890 天前的主题...chrome的DashNotes插件可以让chrome 的新标签页变成便签，随意粘贴内容，放置的内容都保存在本地。 这比较实用，平时我都会新建很多标签页放临时的东东，最后就等崩溃。...官网：http://DashNotes.rocketfuse.com/ chrome 安装： https://chrome.google.com/webstore/detail/dashnotes/akejfagjhbihofnhibbkdlhmoflckfdk
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
