我的 Chrome 插件集

最新推荐文章于 2025-08-22 19:33:51 发布
最新推荐文章于 2025-08-22 19:33:51 发布
阅读量123 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： 前端 postman photoshop ViewUI
原文链接：https://juejin.im/post/5a72b70151882573392d12da
本文介绍了一系列提升工作效率的Chrome插件，包括Vue.js调试工具、接口调试工具Postman、OneTab标签页管理器等，覆盖前端开发、调试及项目管理等多个方面。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

我的 Chrome 插件集

Vue.js devtools

vue.js的调试工具

一键管理所有扩展

该插件可以快速开启/关闭其他插件

Chrome Sniffer Plus

查看网站使用了哪些技术。

掘金

为设计师、程序员、产品经理每日发现优质内容。包含Android、前端、产品、设计、iOS、后端六大频道，每天必看。

OneTab

当您发现自己有太多的标签页时，单击OneTab图标，将所有标签页转换成一个列表。当您需要再次访问这些标签页时，可以单独或全部恢复它们。

Postman

一个接口调试工具，自定义params、header，查看response状态等。

Restlet Client - DHC

和Postman具有同样的功能的接口调试工具

WEB前端助手(FeHelper)

前端实用工具集，包括字符串编解码、代码压缩、美化、JSON格式化、正则表达式、时间转换工具、二维码生成器、编码规范检测、页面性能检测、页面取色、Ajax接口调试

Octotree

在github上查看项目代码时，需要一个个文件夹点击查看是很痛苦的一件事情。Octotree 帮助你整理出来项目文件列表，生成树状结构显示在浏览器左侧。

Avatars for Github

默认我们在GitHub主页动态只能看到id的，而安装了这个插件就可以看到GitHub头像了

Isometric Contributions

将Github的 contributions 生成柱状图

CSSViewer

快速查看网页上元素的css

Window Resizer

快速调整浏览器窗口大小

Responsive Web Design Tester

移动端页面适配利器，使用 Responsive Web Design Tester，你可以快速在目标尺寸上打开页面，可以自己配置尺寸，修改 UserAgent, 整体效果比 Chrome 自带模拟器更赞~

FireShot

捕捉网页截图，编辑并将它们保存为PDF，JPEG，GIF，PNG或BMP；上传，打印，在Photoshop中打开，复制到剪贴板或电子邮件

50个流行的Chrome插件推荐
luckucu的博客
03-23 1252
这些插件可以极大地提升你的浏览器使用体验和工作效率。根据你的需求选择合适的插件进行安装和使用。
Chrome浏览器插件合集.zip
07-19
包含以下插件： - Get CRX - Vue.js devtools - HTML to React - XPath 测试器 - User JavaScript and CSS - Toggle JavaScript - 字体查找器与样式探测器 - Video DownloadHelper - CSS Peeper - FeHelper(前端助手...
chrome插件合集
叶子常常随风而落，分享博主日常学习和使用的一些技术
07-04 475
很多人不知道的是，其实开发插件很解压，就好像是我喜欢沿着公园的小路散步一样，每开发一个插件带给我的成就感和快乐都是独特的。我依然记得自己开发出第1个插件时的快乐，也记得上架第1个插件时的兴奋。9. popup中支持使用vue(后面想 content 也支持 vue)
Chrome 插件安装教程
贵公子丶笔记
07-16 9517
进入扩展页面：点击浏览器右上角的三个垂直点，选择 “更多工具” > “扩展程序”，或直接在地址栏输入 chrome://extensions/ 并按 Enter 键。点击 “添加到 Chrome”：在插件详情页面，找到并点击右上角的“添加到 Chrome” 按钮。**3. 搜索插件：**在搜索框中输入您想要的插件名称或功能，然后按 Enter 键。**4. 选择插件：**从搜索结果中找到您想要的插件，点击其标题进入详情页面。**5. 确认安装：**在弹出的窗口中，点击 “添加扩展” 按钮。
Chrome插件：开发人员效率提升工具集
weixin_42443533的博客
07-22 824
Postman界面被分为几个主要部分：主窗口、请求构建器、环境和历史记录面板。主窗口允许我们发送请求并查看响应，请求构建器使我们可以构建和定制API请求，而环境和历史记录面板则为测试提供了上下文管理和以往交互记录的存档。Postman不仅支持多种HTTP请求类型，还支持GraphQL和SOAP等协议。WEB前端开发是一个不断进步和发展的领域，高效的开发工具对于提升开发效率和质量有着至关重要的作用。FeHelper是一款专门为前端开发者设计的多功能助手工具，旨在简化开发流程、提升工作效率。
Chrome插件开发
hello stone
04-05 244
Chrome插件官方文档(中文)：https://developer.chrome.google.cn/docs/extensions/get-started?文章：https://happyfe.com/fe/building_chrome_extensions/chapter1。（2）掘金页面一键关灯效果：https://juejin.cn/post/7467756912311894055。（1）显示网页中图片信息：https://juejin.cn/post/7229238405406294074。
FeHelper: 一个功能强大的开发者Chrome插件
恐龙弟旺仔的博客
08-12 3984
FeHelper，全称为，是由中国开发者开发的一个非常实用的浏览器插件。它集成了多种前端开发工具，包括JSON解析、美化、压缩，编码转换、二维码生成与识别等功能。无论你是前端开发者，还是经常需要处理数据的普通用户，FeHelper都能提供极大的帮助。•官网地址: FeHelper 官方网站•GitHub地址: FeHelper GitHub 仓库FeHelper是一款功能强大且易用的Chrome插件，无论你是前端开发者还是普通用户，都能从中受益。它集成了多种实用工具，可以简化日常开发和数据处理的流程。
Chrome 设置字符集
donkeyboy001的博客
04-17 2502
Chrome 设置字符集
一些实用的Chrome插件
https://www.xiaohongshu.com/user/profile/5f3543150000000001002b2e
01-11 1302
FEHelper 简介 本插件支持Chrome、Firefox、MS-Edge浏览器，内部工具集持续增加，目前包括 JSON自动/手动格式化、JSON内容比对、代码美化与压缩、信息编解码转换、二维码生成与解码、图片Base64编解码转换、Markdown、 网页油猴、网页取色器、脑图(Xmind)等贴心工具，甚至在目前新版本的FeHelper中，还集成了FH开发者工具， 如果你也想自己搞一个工具集成到FeHelper中，那这一定能满足到你。另外，本站也提供部分工具的在线版本，欢迎使用，欢迎反馈！ 插件预览
Chrome扩展插件整理合集
KeepCoding
01-22 1893
原文链接：http://michaelxiang.me/2015/11/26/chrome-extentions/ 作者：Michael翔 虽然Chrome浏览器是个吃内存的怪兽，但是，它却因为启动速度、调试功能等成为了程序猿的必备浏览器！今天有时间，整理一下自己最常用的一些Chrome扩展吧： 常用网页浏览非开发类扩展： ##Tampermonkey 推荐指数：★★
Chrome浏览器必备插件推荐
热门推荐
浅羽技术
03-18 1万+
本期我推荐的Chrome浏览器必备插件的原因是，每个人的情况不同，而且很多插件由于作用方向太垂直，只对某一部分群体适用。我推荐的这些插件，无论你从事什么行业，你都可以使用。保证你的Chrome浏览器，安装上这些插件，好用到爆炸。
很好用的chrome 插件合集，不要错过--chrome插件合集.rar
01-17
本合集汇集了一些非常实用且广受好评的Chrome插件，它们能极大地提升你的浏览体验，提高工作效率，或者提供各种有趣的附加功能。下面我们将详细探讨这些插件以及它们在实际使用中的作用。 1. **AdBlock**：广告拦截...
Chrome浏览器合集插件集装箱.zip
04-25
Chrome浏览器合集插件集装箱是一款专为Chrome浏览器设计的强大扩展工具，它集合了多项实用功能，旨在提升用户的浏览体验和效率。"集装箱"这个名称暗示了该插件整合了多种功能，如同一个装载不同工具的容器，使得用户...
Chrome插件-Talend API Tester
04-26
**Chrome插件-Talend API Tester** Talend API Tester是一款专为后端开发人员设计的Chrome浏览器插件，它提供了强大的接口测试功能，类似于知名的Postman工具。这个插件使得开发者可以在浏览器环境下便捷地测试、...
chrome_exts：chrome浏览器插件开发demo合集
01-31
chrome浏览器插件开发demo合集 可食用插件 项目名 简介 使用的技术 my_rightkey_plus 可以自定义的快捷搜索 localStorage，contextMenus，扩展通信 WebPage_Marker 对网页进行拉黑，收藏，打标签 localStorage，...
css的white-space: pre
qq_51035159的博客
08-22 367
简单来说，这个组件的核心就是让用户能够粘贴任何文本内容（特别是配置文件、JSON等），并且保证粘贴的内容格式完全不变，然后可以原样发送给后端处理。- white-space: pre ：这是最关键的CSS属性，确保所有空格、制表符、换行符都被保留。- 用户粘贴的内容会完整存储在 inputJson.value 中，包括所有格式字符。- 使用Vue3的 v-model="inputJson" 实现双向数据绑定。- wrap="off" ：防止浏览器自动换行，保持原始的行结构。- 聚焦时的视觉反馈。
Vue 自定义指令
前端小巷子的博客
08-20 542
在 Vue 中，组件负责“可见”的 UI，自定义指令则负责“不可见”的底层 DOM 行为。当你需要直接操作节点、监听第三方库、或封装浏览器原生 API 时，指令往往比组件更轻量、更灵活。Vue 为自定义指令设计了五条钩子函数，覆盖从首次绑定到最终解绑的完整生存周期。
前端AI工具——TRAE
最新发布
2301_80841939的博客
08-22 449
Trae 是一款直接与 Cursor 形成竞争的、由中国团队开发的AI编程助手。它同样采用基于Visual Studio Code核心的编辑器，深度集成了AI功能。
前端别名与环境变量使用
m0_51511868的博客
08-21 671
wp:heading。
程序员精选Chrome插件合集推荐
1. **Chrome插件的定义和作用**：Chrome插件（或称为扩展）是一些小型的软件程序，可以为Google Chrome浏览器添加新功能或者改变浏览器的现有行为。程序员通过安装Chrome插件，可以优化开发流程、提高工作效率、辅助...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值