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

最新推荐文章于 2024-05-09 19:20:20 发布
最新推荐文章于 2024-05-09 19:20:20 发布
阅读量1k 收藏 5
点赞数
文章标签： chrome 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43582081/article/details/130481919
版权

文章目录

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

一、准备：打开扩展程序

1.1、方式一

直接地址栏输入chrome://extensions/
在这里插入图片描述

1.2、方式二

设置 | 扩展程序 | 开发者模式
在这里插入图片描述

1.3、打开开发者模式

在这里插入图片描述

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

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

在这里插入图片描述

三、离线安装

3.1、离线crx下载地址

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

插件小屋：https://www.chajianxw.com/
Crx4Chrome：https://www.crx4chrome.com/

3.2、crx方式安装

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

例如：
在这里插入图片描述

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

安装：

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

例如：
在这里插入图片描述

四、常用插件

4.1、Tampermonkey （油猴）

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

4.2、在线文件树插件

4.2.1、GitCodeTree

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

地址： 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

4.3、JSON格式化

4.3.1、JSONViewer

JSON格式化 ，支持多窗口
在这里插入图片描述

4.4、响应JSON格式化

4.4.1、FeHelper

功能强大，花里胡哨

官网：https://www.baidufe.com/fehelper/index/index.html
Github下载： https://github.com/zxlie/FeHelper/tree/master/apps/static/screenshot/crx

在这里插入图片描述

4.4.2、JSONViewer

简洁，单一
在这里插入图片描述

4.5、REST请求

4.5.1、Talend API Tester

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

截图来自插件官网
在这里插入图片描述

4.5.2、PostWoman Http接口调试插件

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

4.6、翻译

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

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

官网：https://saladict.crimx.com/
Github：https://github.com/crimx/ext-saladict

五、设置

5.1、快捷图标

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

5.2、在无痕模式下启用

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

在这里插入图片描述

柒杯红酒
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
http接口测试工具-Advanced-REST-client
Amaranth007的博客
12-22 2万+
相信作为一个java开发人员，大家或多或少的要写或者接触一些http接口。而当我们需要本地调试接口常常会因为没有一款好用的工具而烦恼。今天要给大家介绍一款非常好用、实用且方便的http接口测试工具。本人认为这是目前我用过的最好http接口测试工具（没有之一），先给大家展示一下。 是不是感觉界面很清爽，好了废话不多说了，我们开始吧！需要的工具1、谷歌浏览器（这是开
如何调试 chrome插件
qq_30346433的博客
12-29 5720
chrome插件结构大致是分为三种类型，依次为content_script.js类型，background.js类型和poup.js类型。插件很多时候仅仅需要一种类型就可以解决问题。插件的存在顺序依次是content_script.js>background.js>poup.js类型。很多时候仅仅只需要content_script.js这种类型的插件就可以解决问题，例如很多的去广告的插件就仅仅只有content_script.js的文件，background.js其次例如rss显示插件就用到了,
推荐一款-Postman-的开源替代品：-Postwoman
最新发布
2401_84152825的博客
05-09 402
大家都知道，Postman是一个非常受欢迎的API接口调试工具，提供有Chrome扩展插件版和独立的APP，不过它的很多高级功能都需要付费才能使用。如果你连Postman都还没有用过，不妨可以先体验一番。Postman官网：PS: 由于2018年初Chrome停止对Chrome应用程序的支持，你的P****ostman插件可能无法正常使用了，在这里建议大家直接下载它的应用程序进行使用。
Chrome调试实用技巧
落枫秋歌
12-27 771
常用快捷键 切换调试台布局 Ctrl+ Shift+ D 调整数值 增加/减少0.1：Alt+↑ Alt+↓ 增加/减少1：↑ ↓ 增加/减少10：Shift+↑ Shiift+↓ 增加/减少100：Ctrl+↑ Ctrl+↓ 切换Tab 在Elements、console、sources等tab中切换时可以使用快捷键，默认是禁用的，在调试台的Setting中开启即可使用 快捷命令面板 Ctrl+Shift+P可以调起快捷命令行，可以设置面板tab的显示、截屏（node节点截屏/滚动截屏）、CSS O
强推 20 款实用的 Chrome 插件
guoqkmiss的博客
01-26 1943
沉浸式网页双语翻译扩展，支持PDF翻译，双语Epub电子书制作，Youtube/Netflix/Udemy 等平台双语字幕，支持Deepl/Google等多个翻译服务，免费使用。Apifox 是 API 文档、API 调试、API Mock、API 自动化测试一体化协作平台，定位 Postman + Swagger + Mock + JMeter。捕捉、标注、缩放、模糊、编辑视频等功能 - 无需登录，保护隐私。JSON自动格式化、手动格式化，支持排序、解码、下载等，更多功能可在配置页按需安装！
安装前端插件 FeHelper
Silence-Lee的博客
06-22 3191
1、简介 功能介绍 FeHelper–弹出菜单 插件入口，点击ICON，插件相关的所有功能都会在这里列出来，在popup中选择所需使用的功能即可使用 JSON接口自动格式化查看 当你访问的接口（打开的页面）返回的是一个JSON格式的数据，FeHelper会自动将内容进行格式化处理，便于您的查看 JSON查看器 把你的JSON代码粘贴到JSON查看器的输入框中，点击“格式化”，在下方便会以非常友好...
Chrome Nfc Listener-crx插件
04-03
在这款插件中，NFC监听功能主要由以下几部分组成： 1. **语言支持**：根据描述，Chrome Nfc Listener支持西班牙语，这意味着用户界面和可能的错误提示都是西班牙语。这为西班牙语使用者提供了友好的用户体验。 2. ...
Team 01-ChromeExtension-crx插件
04-05
此外，开发者还需要考虑以下几个方面： - **安全性**：确保扩展只请求必要的权限，并保护用户数据的安全。 - **用户体验**：设计美观、易读的界面，使天气信息易于理解。 - **更新机制**：当有新的功能或修复时，...
火狐 常用十九个插件
08-19
在"火狐 常用十九个插件"这个主题中，提到了几个经典的开发工具插件，包括Firebug、Web Developer、FireHTTP以及IE Tab。这些插件在网页开发和调试过程中起着至关重要的作用。 1. **Firebug**：Firebug是火狐浏览器...
阿里云子帐号自动登录chrome插件
08-12
在JavaScript开发中，创建这样的插件涉及以下几个关键知识点： 1. **浏览器扩展基础**：首先，我们需要了解Chrome浏览器扩展的基本结构，包括manifest.json文件、内容脚本(content scripts)、背景脚本(background ...
Chrome.rar
01-19
在C#中开发Chrome内核相关的应用或扩展，通常涉及到以下几个关键知识点： 1. **Chromium项目**：Chromium是Chrome浏览器的基础开源项目，提供了浏览器的核心功能和架构。开发者可以通过修改Chromium源代码来定制...
fehelper 前端助手
08-08
fehelper
WEB前端助手(FeHelper)_v2019.09.0320.crx
01-14
JSON自动美化（页面自动检测并格式化） JSON手动美化（粘贴文本、手动格式化） JSON比对工具（支持左右两个JSON片段进行键值对比较） 字符串编解码（Unicode/UTF8/Base64/MD5） 代码美化工具（HTML/CSS/JS/XML/SQL） 代码压缩工具（HTML/CSS/JS） 二维码生成器（支持当前页面、图片、链接、选中的文字生成QrCode） 二维码解码器（支持网页二维码右键解码） 简易Postman（Api接口测试，模拟HEAD/GET/POST方式） 网页滚动截屏（将当前整个网页转为图片并保存） Markdown转换（支持Markdown与HTML的互转） 页面取色工具（滑动鼠标随意取色） Js正则表达式（正则测试、常用正则列表） 时间(戳)转换（Unix戳与本地时间的互转） 图片Base64（任意图片转DataURI格式） 随机密码生成（任意字符、任意长度、随机生成） 编码规范检测（HTML/CSS/JS规范检测） 页面性能检测（页面响应时间、Header监测） 页面栅格标尺（页面栅格化、屏幕标尺） 多维小工具集（进制转换、RGB/HEX颜色转换、Crontab、还款计算器等） 网页油猴工具（网页特效、网页定制、脚本注入、自动刷新等） Ajax调试功能（需在控制台中使用） 网页编码设置（UTF-8、GBK、日文、韩文等） 我的便签笔记（便签笔记，支持导出） 人像背景移除（将人物照片中的背景移除：抠图工具）
WEB前端助手(FeHelper)_v10.0
11-15
WEB前端助手(FeHelper)_v10.0 。rar 解压，将里面的 WEB前端助手(FeHelper)_v10.0.crx取出，在chrome中新开一个TAB，输入：chrome://extensions/ 回车，将 WEB前端助手(FeHelper)_v10.0.crx拖入以安装
浏览器插件，FeHelper(前端助手)-V2020.04.0110.crx.zip
08-17
浏览器插件，前端助手，离线缓存文件，FeHelper!!打开浏览器，开发者模式，直接离线安装，简单方便快捷！！！
【超好看】比postman，postwoman更好用的接口测试工具Apifox
11-17
ApiFox重磅出击，比postman，postwoman更好用的接口测试工具，你值得拥有，免费提供下载，希望能够帮助到你。
Chrome浏览器添加postwoman插件操作
qq_41768451的博客
05-09 1933
postman是比较常用的API管理工具，但是免费使用的话一个项目只能添加两个协作者；这时它的另一半postwoman就显得十分好用了。这里主要讲解如何使用Chrome插件来为一个团队提供API管理。 因为Chrome插件只能通过外网下载了，这里在附上插件下载地址 CSDN地址：https://download.csdn.net/download/qq_41768451/18519278 百度网盘链接:https://pan.baidu.com/s/1g_vFhf6iC_3ufa1Z40MjnQ 密码:2
Postwoman http接口调试插件
torrytang的专栏
03-26 4325
简介 Postwoman（原apiDebug） 是一个完全免费的接口调试插件，该插件可独立使用，同时数据也能同步至云端，实现跨终端共享。Postwoman支持post、get、xml、josn等测试，支持环境切换（全局变量）。 相比于Postman等插件，Postwoman无需跨过长城即可安装使用，同时有完善的接口管理系统（postwoman.cn 可内网部署），Postwoman支持接口、文...
API & HTTP 请求调试插件（Postman）
热门推荐
青春不老，奋斗不止！
05-19 1万+
Postman 是一个 Chrome 扩展，提供功能强大的 Web API & HTTP 请求调试。它能够发送任何类型的 HTTP 请求(GET、HEAD、POST、PUT..)，附带任何数量的参数 + headers。
chrome常用插件
09-10
Chrome常用的插件有很多，以下是一些比较流行和实用的插件： 1. AdBlock Plus：用于屏蔽网页上的广告。 2. Grammarly：用于检查拼写和语法错误的工具。 3. LastPass：用于管理密码和自动填充表单的密码管理器。 4. Honey：用于自动搜索优惠码和折扣的插件。 5. Pocket：用于保存和离线阅读网页文章的工具。 6. OneTab：用于将所有打开的标签页转化为一个列表，以节省资源和提高浏览器性能。 7. Evernote Web Clipper：用于保存网页内容到Evernote笔记的工具。 8. Momentum：为新标签页提供美观的背景图片、时钟和待办事项列表。 9. HTTPS Everywhere：自动将网站连接转换为加密连接（HTTPS）的插件。 10. Octotree：为GitHub提供便捷的代码文件导航功能。 这只是一小部分常用插件，你可以根据个人需求在Chrome Web Store中搜索并安装适合自己的插件。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值