我们开发中常用的常用浏览器常用插件，比如FeHelper，React Developer Tools， Vue Devtools，沙拉查词，Infinity，OneTab，AdGuard等

短命女 2023-09-28 16:14 9阅读 0赞

#### 插件目录 ####

*  React Developer Tools react调试工具
 *  FeHelper(前端助手)
 *  csdn 自定义标签页
 *  Redux DevTools redux调试工具
 *  AdGuard 广告拦截器
 *  Tampermonkey 脚本管理器
 *  OneTab 合并多个Tab在一个页面
 *  Infinity 新标签页
 *  Vue Devtools 调试vue.js工具
 *  Online Download Manager 下载管理器
 *  PostWoman Http接口调试插件
 *  Convertio 万能格式转化器
 *  沙拉查词-聚合词典划词翻译

不论前端，还是后端，都需要用到浏览器的插件，那么，有哪些常用的浏览器插件，如下详解。

## React Developer Tools react调试工具 ##

可以用来调试react相关的项目，它对使用react开发的前端来说，还是比较友好的。

如何下载和安装该插件，可以参考我的这篇文章：[https://blog.csdn.net/lvoelife/article/details/125514676][https_blog.csdn.net_lvoelife_article_details_125514676]

## FeHelper(前端助手) ##

在没有安装该插件前，浏览器返回的json数据样式为：

![在这里插入图片描述][35955f116190432b92fe76afebffe8af.png]  
安装该插件后，浏览器返回的json数据为：

![在这里插入图片描述][c7ff5b8ec7044120932dacec6efea1b4.png]  
是不是瞬间就清晰多了。

这不仅是一款美化后端返回json数据的插件，而且它还有更多的功能，可以参看他的官方文档：[https://www.baidufe.com/fehelper/index/index.html][https_www.baidufe.com_fehelper_index_index.html]

官方文档可以教你如何下载和安装该插件。

## csdn 自定义标签页 ##

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

我们经常会收藏有用的文件夹，若打开新页面时，就能看到我们收藏的这些文件夹就很完美。因而，我们可以安装csdn的插件。

该插件不仅可以收藏其提供的常用链接。如果我们的链接在其提供的链接中不存在， 还可以自定义我们的链接，如下图所示：

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

输入链接地址和展示名称即可，添加完成后，可以在收藏夹中看得到：

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

我们可以到其官网中去下载插件：[https://plugin.csdn.net/download-list][https_plugin.csdn.net_download-list]

此外，该插件也能格式化json代码。

## Redux DevTools redux调试工具 ##

Redux DevTools是一款Redux官方提供的浏览器调试工具,可以让我们很方便的对Redux保存的状态进行追踪调试。

*  如果你的网络允许，可以直接在Chrome网上应用商店搜索redux-devtools安装插件。
 *  如果你的网络不允许，可以到其官方代码中下载：[https://github.com/zalmoxisus/redux-devtools-extension][https_github.com_zalmoxisus_redux-devtools-extension]
 *  下载完成后，解压压缩包
 *  打开控制台，找到解压后的目录，输入指令`npm i`，安装依赖。
 *  输入指令`npm run build:extension`，打包扩展程序。
 *  打开chrome浏览器，按F12进入工具栏，就多出了Redux选项

如果你的浏览器是Microsoft edge ,可以在商店中输入`Redux DevTools`直接安装即可。  
![Microsoft edge安装图片][Microsoft edge]

## AdGuard 广告拦截器 ##

AdGuard 广告拦截器可有效的拦截所有网页上的所有类型的广告，甚至是在 Facebook，Youtube 以及其它网站的广告！

拦截所有广告，包括：

*  视频广告
 *  各种媒体广告，例如视频广告，插播广告和浮动广告！
 *  令人讨厌的弹窗广告。
 *  横幅广告和文字广告
 *  加速页面载入，节省带宽，屏蔽广告和弹窗！wow
 *  拦截各种间谍软件，广告软件和拨号安装程序（可选）
 *  通过拦截常见第三方跟踪系统保护您的隐私（可选）  
    \-保护您对抗恶意和钓鱼攻击（可选）

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

## Tampermonkey 脚本管理器 ##

Tampermonkey是一款功能非常强大的插件，包含：方便的脚本管理、脚本概览、设置多样性、脚本自动更新、安全、兼容性、Chrome 同步、CodeMirror 编辑器、JSHint 语法检查、快速开发、卸载等功能。

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

## OneTab 合并多个Tab在一个页面 ##

你发现自己有太多的标签页时，单击OneTab图标，将所有标签页转换成一个列表。当你需要再次访问这些标签页时，可以单独或全部恢复它们。当你的标签页位于OneTab列表时，您将节省高达95％的内存，因为你将减少Google Chrome浏览器中打开的标签页的数量。

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

## Infinity 新标签页 ##

这个插件和csdn的插件很像，都可以对标签页进行美化。

以更优雅简单的方式美化浏览器主页与新标签页。功能包括：网站图标，搜索引擎，高清壁纸，书签、天气、笔记、待办、扩展管理、历史管理等。

一款全球知名的浏览器扩展程序，它能够替换浏览器默认起始页及新标签页，并提供高自由度的可定制选项。

安装完成后，您可以充分利用图标、壁纸、小部件来管理你的新标签页。

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

功能介绍：

*  网站图标：您可以将经常访问的重要网站都保存到新标签页上，只需单击网站图标即可访问。
 *  搜索引擎：轻松切换主流搜索引擎（Google、百度、Bing等），额外的附加搜索引擎还可助您一次查找多个引擎的搜索结果。
 *  壁纸：打开Infinity，您将看到我们精心挑选的主页壁纸。您可以在丰富的壁纸库（Bing壁纸、Unsplash等）中进行挑选，或从本地上传。
 *  天气：自动获取本地天气，并在图标上实时反馈。支持添加多个城市的天气，并查看五天内天气预报。
 *  待办事项：任务记录清单，可设置提醒时间，是您绝佳的任务管理效率工具。
 *  笔记：简单明了的笔记，支持插入图片和超链接，可实时保存。
 *  书签：快速访问和管理浏览器上保存的书签。
 *  历史记录管理：查看、搜索、清理浏览器历史记录
 *  扩展管理：查看、启用、禁用、卸载浏览器中已安装的扩展程序。
 *  个性化定制：新标签页上的图标、搜索框、壁纸等均可以进行个性化定制，可按照您的喜好调整大小、颜色、形状、布局等。
 *  云同步：登录账号后，可在不同设备间自动同步数据，也可自动或手动备份数据到云端，无需担心更换设备或数据丢失。

## Vue Devtools 调试vue.js工具 ##

用于调试Vue.js应用程序的Chrome和Firefox DevTools扩展。Chrome devtools扩展用于调试Vue.js应用程序。

如果是Microsoft edge ，可以直接在应用商店中安装即可。  
![在这里插入图片描述][04590b798be34df48a5a64716ea9f26e.png]

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

## Online Download Manager 下载管理器 ##

专注于增强Chrome浏览器下载管理的一款插件，安装之后，Chrome下载就有了暂停、查看下载信息，下载内容分类，批量删除等本身就应该有的功能，不仅如此，还增加了网页资源嗅探功能，让我们下载网页图片、视频更为简单。

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

*  完全免费的接口调试插件，该插件可独立使用，同时数据也能同步至云端，实现跨终端共享。
 *  支持post、get、xml、josn等测试，支持环境切换（全局变量）。 相比于Postman等插件
 *  无需跨过长城即可安装使用，同时有完善的接口管理系统（postwoman.cn 可内网部署），Postwoman支持接口、文档等管理等。
 *  产品开发来着BAT，拥有丰富的接口开发、调试经验，产品不断更新迭代，更适合国内用户使用。

官网地址：[http://api.crap.cn/][http_api.crap.cn]

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

## Convertio 万能格式转化器 ##

在线将文件从一种格式转换为另一种格式。  
支持超过 2500 种不同的转换:

*  归档转换器 (rar 到 zip, 7z 到 zip, …)
 *  音频转换器 (wav 到 mp3, m4a 到 mp3, …)
 *  文档转换器 (pdf 到 jpg, doc 到 jpg, …)
 *  电子书转换器 (epub 到 pdf, epub 到 mobi, …)
 *  图片转换器 (png 到 ico, png 到 jpg, …)
 *  演示文稿转换器 (ppt 到 pdf, ppt 到 jpg, …)
 *  视频转换器 (mkv 到 mp4, mov 到 mp4, …)
 *  PDF工具 (压紧pdf, 合并pdf, 解锁pdf, 网页至pdf)
 *  OCR（识别文本, 光学字符识别）工具  
    ![在这里插入图片描述][d2d41f6570cb4f1a9a7579e1158fecfc.png]

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

沙拉查词跟谷歌翻译的功能有些类似，同样都是可以翻译英文网站的，但谷歌翻译需翻长城。

它能够翻译在浏览器中我们选中的英文单词。有翻译英文网页的功能虽好，但有时，我们不认识一个单词，或者说一个中文网页里面有一个英文单词并且我们不知道它的意思。

在没有安装这个插件之前我们就需要去搜索栏处搜索它的中文意思，但是在安装这个插件后，我们可以直接选中我们需要查的一个单词或者是一句话，然后右击选择沙拉查词就可以了，

就能马上知道它的中文意思，就不用像前面那种情况那样那么繁琐。

它的下载地址：[https://saladict.crimx.com/download.html][https_saladict.crimx.com_download.html]  
![在这里插入图片描述][8eb7c97d8d6a4feb967045d1d62c35f2.png]

[https_blog.csdn.net_lvoelife_article_details_125514676]: https://blog.csdn.net/lvoelife/article/details/125514676
[35955f116190432b92fe76afebffe8af.png]: https://img-blog.csdnimg.cn/35955f116190432b92fe76afebffe8af.png
[c7ff5b8ec7044120932dacec6efea1b4.png]: https://img-blog.csdnimg.cn/c7ff5b8ec7044120932dacec6efea1b4.png
[https_www.baidufe.com_fehelper_index_index.html]: https://www.baidufe.com/fehelper/index/index.html
[039d142bb98c4bbfa775f742a9217fe9.png]: https://img-blog.csdnimg.cn/039d142bb98c4bbfa775f742a9217fe9.png
[ba6c131a2206413da45e28e4fa901ae2.png]: https://img-blog.csdnimg.cn/ba6c131a2206413da45e28e4fa901ae2.png
[247a8e1202b94e35931bce5e6bf52f15.png]: https://img-blog.csdnimg.cn/247a8e1202b94e35931bce5e6bf52f15.png
[https_plugin.csdn.net_download-list]: https://plugin.csdn.net/download-list
[https_github.com_zalmoxisus_redux-devtools-extension]: https://github.com/zalmoxisus/redux-devtools-extension
[Microsoft edge]: https://img-blog.csdnimg.cn/0b94b311321445cb8893eba8bb110c18.png
[39d518d4a8da4a74aa106cdbf77e81cd.png]: https://img-blog.csdnimg.cn/39d518d4a8da4a74aa106cdbf77e81cd.png
[133aba614d184cadaf803a2353068186.png]: https://img-blog.csdnimg.cn/133aba614d184cadaf803a2353068186.png
[ad039745329f4a108788352f7b9af174.png]: https://img-blog.csdnimg.cn/ad039745329f4a108788352f7b9af174.png
[05529a642a1b4b40bd8ccca8c261c8f6.png]: https://img-blog.csdnimg.cn/05529a642a1b4b40bd8ccca8c261c8f6.png
[04590b798be34df48a5a64716ea9f26e.png]: https://img-blog.csdnimg.cn/04590b798be34df48a5a64716ea9f26e.png
[644e5a2229624854b05dbf4798960e9e.png]: https://img-blog.csdnimg.cn/644e5a2229624854b05dbf4798960e9e.png
[http_api.crap.cn]: http://api.crap.cn/
[72209b8fdb9e47bbbaf1cfd452724ce2.png]: https://img-blog.csdnimg.cn/72209b8fdb9e47bbbaf1cfd452724ce2.png
[d2d41f6570cb4f1a9a7579e1158fecfc.png]: https://img-blog.csdnimg.cn/d2d41f6570cb4f1a9a7579e1158fecfc.png
[https_saladict.crimx.com_download.html]: https://saladict.crimx.com/download.html
[8eb7c97d8d6a4feb967045d1d62c35f2.png]: https://img-blog.csdnimg.cn/8eb7c97d8d6a4feb967045d1d62c35f2.png