【Chrome】分享几个常用的插件，持续集成

傷城~ 2024-03-22 11:47 57阅读 0赞

#### 文章目录 ####

*  一、准备：打开扩展程序
 *   *  1.1、方式一
     *  1.2、方式二
     *  1.3、打开开发者模式
 *  二、Chrome应用商店在线安装（需要科学上网）
 *  三、离线安装
 *   *  3.1、离线crx下载地址
     *  3.2、crx方式安装
     *  3.3、加载已解压的扩展程序 方式安装
 *  四、常用插件
 *   *  4.1、Tampermonkey （油猴）
     *  4.2、在线文件树插件
     *   *  4.2.1、GitCodeTree
         *  4.2.2、SpanTree - GitLab Tree
     *  4.3、JSON格式化
     *   *  4.3.1、JSONViewer
     *  4.4、响应JSON格式化
     *   *  4.4.1、FeHelper
         *  4.4.2、JSONViewer
     *  4.5、REST请求
     *   *  4.5.1、Talend API Tester
         *  4.5.2、PostWoman Http接口调试插件
     *  4.6、翻译
     *   *  4.6.1、沙拉查词-聚合词典划词翻译
 *  五、设置
 *   *  5.1、快捷图标
     *  5.2、在无痕模式下启用

Chrome作为开发常用浏览器，日常工作中使用较多，结合插件使用的话，开发效率和体验都有显著提升。本文分享一些个人比较常用的Chrome插件，后续持续补充完善。

## 一、准备：打开扩展程序 ##

### 1.1、方式一 ###

直接地址栏输入`chrome://extensions/`  
![在这里插入图片描述][def977928f264ebebdce7383c7ef5399.png]

### 1.2、方式二 ###

`设置` | `扩展程序` | `开发者模式`  
![在这里插入图片描述][2e5fa53ee1aa48979e7ee92ff6c66a23.png]

### 1.3、打开开发者模式 ###

![在这里插入图片描述][e0449f4b378f482c8207691321601ef7.png]

## 二、Chrome应用商店在线安装（需要科学上网） ##

> 1.  打开Chrome应用商店
> 2.  查找应用插件
> 3.  点进去，点击`添加到Chrome`

![在这里插入图片描述][d901c2950828481c91256d9a78a1b53c.png]

## 三、离线安装 ##

### 3.1、离线crx下载地址 ###

免翻墙的代理很很多，提供两个共选择吧

> 插件小屋：[https://www.chajianxw.com/][https_www.chajianxw.com]  
> Crx4Chrome：[https://www.crx4chrome.com/][https_www.crx4chrome.com]

### 3.2、crx方式安装 ###

> 1.  下载crx安装包
> 2.  打开开发者中心
> 3.  拖拽crx至浏览器，安装

例如：  
![在这里插入图片描述][0da518aa8de24a818482d7fef8402dad.png]

### 3.3、加载已解压的扩展程序 方式安装 ###

安装：

> 1.  下载源码，或者解压.crx安装包至合适的位置
> 2.  打开开发者中心
> 3.  `加载已解压的扩展程序`，选择解压的文件即可

例如：  
![在这里插入图片描述][bdff6093db724629a39dc6556872db2a.png]

## 四、常用插件 ##

### 4.1、Tampermonkey （油猴） ###

最推荐的插件，没有之一。用于网站上运行所谓的脚本来实现功能，如屏蔽广告等  
具体功能自行尝试吧  
![在这里插入图片描述][3d8d6b0ddd2c45be9a854d99d3458bd8.png]

### 4.2、在线文件树插件 ###

#### 4.2.1、GitCodeTree ####

基于 Octotree的码云文件树插件，国内访问Github网络较差，gitee用的较多，所以选择此插件同时支持Github和Gitee

> 地址： [https://gitee.com/oschina/GitCodeTree][https_gitee.com_oschina_GitCodeTree]

#### 4.2.2、SpanTree - GitLab Tree ####

GitCodeTree 好用，对于公司内网的部署GitLab无能为力，`SpanTree - GitLab Tree`配合使用，GitLab、Github、Gitee全搞定。

> 地址：[https://github.com/tavyandy97/span-tree][https_github.com_tavyandy97_span-tree]

### 4.3、JSON格式化 ###

#### 4.3.1、JSONViewer ####

JSON格式化 ，支持多窗口  
![在这里插入图片描述][9d6cff4a3ea54349b3cda3afcbce6850.png]

### 4.4、响应JSON格式化 ###

#### 4.4.1、FeHelper ####

功能强大，花里胡哨

> 官网：[https://www.baidufe.com/fehelper/index/index.html][https_www.baidufe.com_fehelper_index_index.html]  
> Github下载： [https://github.com/zxlie/FeHelper/tree/master/apps/static/screenshot/crx][https_github.com_zxlie_FeHelper_tree_master_apps_static_screenshot_crx]

![在这里插入图片描述][9ec0d185fd18412195ee1f87055d17cd.png]

#### 4.4.2、JSONViewer ####

简洁，单一  
![在这里插入图片描述][8bc906846e964e869d38d09b59959aee.png]

### 4.5、REST请求 ###

#### 4.5.1、Talend API Tester ####

REST请求工具，类似 PostMan、PostWoman等，个人习惯使用Talend API Tester。  
`PostWoman Http接口调试插件`也很好用，看个人习惯选择吧  
本地开发自测的话，IDEA自带的REST也不错

截图来自插件官网  
![在这里插入图片描述][e6b77ac112324c8aae07270061013267.png]

#### 4.5.2、PostWoman Http接口调试插件 ####

![在这里插入图片描述][297ea078aa254afb858c097a356253db.png]  
官网传送门：[Postwoman(ApiDebug) http接口测试工具 -下载、安装、使用文档][Postwoman_ApiDebug_ http_ -]

### 4.6、翻译 ###

自谷歌退出后，对翻译插件的依赖明显提升。插件有很多，有道等，本人习惯了沙拉查词

#### 4.6.1、沙拉查词-聚合词典划词翻译 ####

> 官网：[https://saladict.crimx.com/][https_saladict.crimx.com]  
> Github：[https://github.com/crimx/ext-saladict][https_github.com_crimx_ext-saladict]

## 五、设置 ##

### 5.1、快捷图标 ###

安装了插件后，地址栏后面会显示一个扩展程序的图标  
![在这里插入图片描述][d9a04721514342959cf6335984b83064.png]  
点击图标显示已安装的插件，可以点击钉子图标固定插件图标到菜单栏  
![在这里插入图片描述][20e052da4f8d45baaffbaed1553dee77.png]  
点击图标快速启动插件  
![在这里插入图片描述][0791e30c13fe404b9eb979f5bcd9a97b.png]

### 5.2、在无痕模式下启用 ###

> 进入插件详情  
> 勾选`在无痕模式下启用`

![在这里插入图片描述][7a48ba89e79d442ba3067ad05d182f25.png]

[def977928f264ebebdce7383c7ef5399.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/e26ef4b174f1412491b25638a1755ab9.png
[2e5fa53ee1aa48979e7ee92ff6c66a23.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/45a5054df1e44537944be12634fbd453.png
[e0449f4b378f482c8207691321601ef7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/d7b939ccc7e143e085d77807d77de27f.png
[d901c2950828481c91256d9a78a1b53c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/136a4883039e4b0badd509f43d1a658f.png
[https_www.chajianxw.com]: https://www.chajianxw.com/
[https_www.crx4chrome.com]: https://www.crx4chrome.com/
[0da518aa8de24a818482d7fef8402dad.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/15464d9f916247e0a75262dab221974e.png
[bdff6093db724629a39dc6556872db2a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/45fd247698844c84bc24bff7b87ff3d0.png
[3d8d6b0ddd2c45be9a854d99d3458bd8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/ac771593837b478b9642da65ff45fedb.png
[https_gitee.com_oschina_GitCodeTree]: https://gitee.com/oschina/GitCodeTree
[https_github.com_tavyandy97_span-tree]: https://github.com/tavyandy97/span-tree
[9d6cff4a3ea54349b3cda3afcbce6850.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/e817119446d7414c880e8e22d94ed76c.png
[https_www.baidufe.com_fehelper_index_index.html]: https://www.baidufe.com/fehelper/index/index.html
[https_github.com_zxlie_FeHelper_tree_master_apps_static_screenshot_crx]: https://github.com/zxlie/FeHelper/tree/master/apps/static/screenshot/crx
[9ec0d185fd18412195ee1f87055d17cd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/a230e33f5d2e42ebbf215a4554d0eef2.png
[8bc906846e964e869d38d09b59959aee.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/9ced82d08a914c5ea050d3ef6d47d823.png
[e6b77ac112324c8aae07270061013267.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/89619bec819f40f18f1e3baf7708016a.png
[297ea078aa254afb858c097a356253db.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/eab5993f42a244a39f28c395f7af2a06.png
[Postwoman_ApiDebug_ http_ -]: http://postwoman.cn/index.do#/article/detail?projectId=help&moduleId=155032424248009000006&type=ARTICLE&id=155037947655301000051
[https_saladict.crimx.com]: https://saladict.crimx.com/
[https_github.com_crimx_ext-saladict]: https://github.com/crimx/ext-saladict
[d9a04721514342959cf6335984b83064.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/7ba9ba4b6b76486ba76616499eeb2e40.png
[20e052da4f8d45baaffbaed1553dee77.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/19895e32fc894760a92ba9c8a9c3ec08.png
[0791e30c13fe404b9eb979f5bcd9a97b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/b17bbc1bb8a5480e8c3f8521f60bfadf.png
[7a48ba89e79d442ba3067ad05d182f25.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/5b97ea3d6ae44cee830dba892bde6ce6.png