×

分享几个下载 Chrome 扩展的方法, 和非常好用的扩展工具等

分享几个下载 Chrome 扩展的方法, 和非常好用的扩展工具等
导语:感觉又鸽了几天,主要是前两天搬家,忙着收拾东西,就没来得及更新,这里先给大家道个歉。最近我沉迷于各种花里胡哨的浏览器扩展,于是想着写一篇适合开发者的扩展,仅代表我的个人意见,希望能对你有所帮助。市场上常见的浏览器就那几款,火狐、谷歌这俩兄弟有多
  • 2020年-09月
  • Chrome
  • 扩展工具
  • 资源传送门

    导语:感觉又鸽了几天,主要是前两天搬家,忙着收拾东西,就没来得及更新,这里先给大家道个歉。最近我沉迷于各种花里胡哨的浏览器扩展,于是想着写一篇适合开发者的扩展,仅代表我的个人意见,希望能对你有所帮助。


    市场上常见的浏览器就那几款,火狐、谷歌这俩兄弟有多火就不多说了,就连换了内核的新 IE 也开始崭露头角。

    这些或老牌,或新生代的浏览器们就像不符合市场规律一样,没有盛极而衰,反而越来越玩出新意。

    我觉得原因无他,就是浏览器这玩意支持拓展啊。

    就像我之前提过的 utools 一样,人家能加扩展,就能为工具带来无限生机。

    想想那些自己动手写扩展的大神,不得不承认牛人还挺多。

    想几年前我第一次用过 Chrome 后,就成了 Chrome 的忠实拥护者了。

    不是我方太容易沦陷,而是自己调教过的 Chrome 实在太诱人。

    不光我这样吧,前两天我去问了问前后端的朋友,他们也大都喜欢用 Chrome。

    虽然原因挺程序猿的,说是因为开发的时候常用,后面养成习惯,就懒得换了(真实)。

    感觉又扯远了,但有一点是肯定的,浏览器配合扩展工具给我们工作、生活带来的极致偷懒是让人没办法拒绝的。

    废话不多说了,进入咱今天的正题。

    Chrome扩展哪里下

    众所周知的原因哈,谷歌家的扩展没梯子不太容易从官方途径下。

    所以我就给大家介绍几个下载 Chrome 扩展的方法。

    国内「盗版」的扩展商店

    这种就是类似于 Chrome 官方中文镜像,如果你了解过,国内这种网站真的还挺多的。

    好处是无需你再折腾科学上网的事了,坏处就是这种扩展商店里的扩展可能不全,也没办法给开发者反馈,毕竟它们只是扩展工具的搬运工。

    这里给大家说俩,某扩展这个网站找不到,就换个网站试试呗。

    1 拓展迷

    说句良心话,推荐它最主要的原因是,改版后他家网站颜值高,也没有接什么乱七八糟的广告。

    单这一点就很讨我喜欢,何况它发展的比较全面,冷门、热门还是一些新出的扩展大多都能找到。

    相比于其他疏于维护的同类网站,拓展迷这个网站是真的用心了。

    地址:

    https://www.extfans.com

    2 收藏猫

    这个扩展商店网站是我摸鱼的时候意外发现的。

    最开逛它的原因,不过是因为它自己就是一个提供了扩展管理,还提供了收藏视频的扩展(拒绝套娃)。

    本来想着下个摸鱼的扩展,后来用下来发现,收藏猫官网上推荐的扩展还都挺良心的。

    抛开这个扩展本身不说,如果把收藏猫官网当作一个扩展商店。

    就很适合于刚接触扩展的新手,不至于让你乱花渐欲迷人眼。

    地址:

    https://pictureknow.com/extensions

    国外镜像扩展商店

    这一类扩展商店网站属于国内也可以访问的,相比国内的某些「残次品」,单说扩展的数量和知名度,它们做的更好。

    我这里就推荐一个 crx4chrome。

    这是一个全球性的那种扩展商店,推荐它的最主要原因,是它上面还包含了各个扩展的历史版本。

    有一说一,这些历史版本,在 Chrome 官方扩展商店上都找不到。

    更不要这里的扩展全是真的全,从这两个角度说这里是最好的下载地址都不为过。

    地址:

    https://www.crx4chrome.com

    其他方法

    这里的笼统说两种方法。

    一种是在网上博客、论坛里流传的 crx 拓展,自己得到 crx 后,拖拽到 Chrome,按流程安装即可。

    另外一种就是通过扩展的 URL 地址或扩展自身的 ID 去下载。

                          

    Chrome 扩展下载器这个网站就是这么搞的,这种网站不适合逛,更适合有刚需的小伙伴就去查找。

    地址:

    https://chrome-extension-downloader.com

    crx扩展文件的安装方法

    上面介绍的各种获取 crx 扩展程序的方法,其实都是有心人早早的把扩展打包。

    其内部原理暂且不谈,我们来说说获取 crx 扩展文件后,是怎么安装到电脑上的。

    第一步:从「设置」-「更多工具」-「扩展程序」的顺序,打开扩展程序页面。当然也可以在地址栏输入【chrome://extensions/】,按下回车打开扩展程序页面。

    第二步:打开扩展程序页面中的「开发者模式」。

    第三步:将crx文件拖拽到扩展程序页面,完成安装。

    是的,你没看错,安装扩展只需要你把 crx 文件拖到相应的地方,就是这么直接。

    推荐几个开发时常用的扩展

    Chrome 扩展这些年真的是百花齐放,我这里就挑几个帮助我们更好开发的扩展工具。

    Octotree

    上面文章里不刚介绍了 GitHub,这个扩展就是方便你在浏览器上看源码的。

              

    这个扩展可以大幅度提升 GitHub 访问源码的使用体验。

    还记得用浏览器在 GitHub 看代码时,一个一个文件夹点来点去的痛苦嘛。

    Octotree 轻松帮你解决烦恼,它可以将 GitHub 项目变成像本地 IDE 一样。

               

    这下是不是瞧着舒服多了。

    Wappalyzer

    这个扩展知道的人估计不多,但它是真的强。

    Wappalyzer 是一个网站技术分析的扩展。

    简单来说 Wappalyzer 通过自动化的分析,帮你快速了解一个网站的技术栈。

                

    Wappalyzer 不仅可以检测网站使用的 Web 框架、Server 端的软件,还可以检测网站的内容管理系统、网站分析工具等等。

                 

    有心的小伙伴可以用它紧追潮流啦~

    Json viewer

    在开发的过程中,若 API 返回大段大段的 Json 数据。

    是不是得把这些 Json 数据倒来倒去,看着就头疼。

    而 Json viewer 就是此间神器。


    它不仅支持设置颜色主题,还可以切换查看源码。

    同类查看 Json 数据的扩展中,就属它耐用,渲染速度也快,大力推荐。

    Lighthouse

    这是个谷歌团队开发的扩展工具。

               

    Lighthouse 能够分析一个网站的性能,测试网站的质量及错误,妥妥的开源自动化工具。

    搞前端的总不能肉眼就看出来自己写的代码性能的好坏吧,这种网站测试工具的存在是相当必要的。

    在它提供的优化报告中,可以看到各方面的建议,比如加载速度,图片、css、js 这些文件的处理,还有 html 标签的使用,缓存处理等等。

    咱搞开发的就可以根据这些来对网站进行优化,仁者见仁智者见智咯。

    FeHelper

    虽然是个前端助手,我却常常用它来分析页面,写爬虫。。。

    在我看来这是一个开发者的武器库。

    上图还只是 FeHelper 应用市场中提供功能的一部分,它有多方便,还是小伙伴们自己去尝试吧。

    Session Buddy

    看到 Session 应该就懂了吧。

    我们开发的时候需要多个账号访问一个网站时,频繁登录登出的问题碰到过吧。

    Session Buddy 就是解决这个问题的,我就不过多介绍啦。

    总结

    浏览器之所以强大,绝不仅仅是那几家公司运营得当。

    其实是全球网友共同努力的结果,普通的使用者提供需求,大神们给出解决方案,越来越多的人参与到浏览器扩展的开发中,才会有百花齐放的今天。

    何况浏览器还有油猴这样超纲的武器,像我之前推荐 B 站视频时所介绍的那个油猴,就是最好的案例。

    说了那么多,一切还不是为了便利。

    如果你还有什么好玩有用的扩展,不妨在下面给我留个言,顺便再顺手点个赞呗。

    TOP