前后端开发人员必备Chrome插件

花了1周时间，我整理了25个常用的谷歌插件，一次全给你！考虑到有很多新伙伴加入，也没有时间翻我们之前的文章，因此在这里对之前的浏览器插件做一个补充和整理。

不同于国内那些浏览器，谷歌chrome浏览器，没有内嵌不必要的插件，你可以完全按照需求打造属于自己的浏览器。

但有很多人，不知道谷歌怎样安装插件，也不知道有哪些强大的扩展。

今天，我就来盘点一下，我所常用的25个谷歌插件。

为了大家方便挑选需要的插件，我按照使用频率进行了简单的划分：好了，下面直接进入正题！不用手动操作就能实现强大功能01 谷歌访问助手：无障碍访问谷歌商店这个插件只有一个功能——让你肆无忌惮的访问谷歌商店！下载你想下载的一切插件！是不是超赞！授之以鱼不如授之以渔！有的这个插件，你会打开新的世界：安装完成后，试用时间是12小时。

如果长期使用，就要把1234设为主页，我不建议哈！12个小时足够你下载插件了！哈哈！后面给大家推荐的这些插件，都可以通过它下载。

02 Adblock——网页广告屏蔽现在一般网站的收入中一大部分都来自广告，不过满屏的广告总是令人心烦，如果我们能屏蔽这些广告该多好，这款屏蔽广告插件你值得拥有。

未使用这款插件之前：用了之后：另外，你还可以自定义广告区域。

当然，你也可以选择广告终结者这款插件，据说他还可以屏蔽视频的开头广告。

03 Chrono——替代自带的下载器这个插件比谷歌自带的下载器更加强大，除了托管下载，还可以对这些下载的文件进行分类，视频、音频、图片等等：不过这里我做了文件清理，就什么都看不到了。

另外，他还支持网页上的资源嗅探：如果你不想安装其他下载插件，使用这个就够了。

04 CLEAN crxMouse Gestures——鼠标手势我们知道，现在手机上大多使用手势来进行控制，而在浏览器中也可以轻松实现，只要下载这个小插件。

有什么用呢？比如我在看一篇长文章时，可能看到一半就会跳到结尾，留个言。

之前使用鼠标会用滚轮滚动，太麻烦了。

2021年值得推荐的14款Chrome开发者插件Vue中文社区 2021-11-04以下文章来源于code秘密花园，作者ConardLicode秘密花园一个优质的前端号，基础、框架、算法、项目、面试... 总有你想要的。

Web Developerhttps:///webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm使用它你可以使用到许多不同的 Web 开发工具。

一些最常用的包括快速清除会话Cookie、显示元素信息、显示图像文件大小、显示地形信息和编辑 CSS。

使用这些方便的工具，你可以快速检查元素并开始调试你的网站。

这个插件最大的一大优点是你可以在所有流行的浏览器（Firefox、Opera等）和你使用的任何操作系统上运行它。

这意味着你可以使用它在任何地方进行调试和检查。

在它的官网（/work/web-developer/to-do/#item-2BE123DD-69E7-4419-AFF2-FC7AA8E153B2）上还有一堆令人期待的Todo List。

Wappalyzerhttps:///webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg?ref=Wappalyzer是一款功能强大的、且非常实用的Chrome网站技术分析插件，通过该插件能够分析目标网站所采用的平台构架、网站环境、服务器配置环境、JavaScript框架、编程语言等参数，使用时很简单，开启你要分析、检测的网页后，点选该图示即可看到网站使用的相关技术和服务。

WhatFonthttps:///webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogmWhatFont采用鼠标悬浮特性，点击后就可以告诉你所指字体的属性，字体名称、字体大小、字体颜色等，非常方便，目前有Chrome和Safari扩展，Firefox的用户可以使用书签栏工具。

程序员必备的4款Chrome插件，编程神器！之前就粉丝跟⼩编说，想要推荐⼏款程序员使⽤的插件，所以⼩编就去找了找，发现了这4款当下⽐较热门且实⽤的，也是程序员经常⽤到的，这⼏款插件也可以提⾼⼯作效率，难怪隔壁⼩哥哥程序员的效率都挺⾼，估计也⽤了这⼏款插件，下⾯我们⼀起来看看吧！⼀、WEB前端助⼿(FeHelper)下载地址：/devtool/webqianduanzhushoufehelper/download.htmlFeHelper是⼀款⾮常好⽤的插件，它的功能主要是对于前台数据的格式化和渲染等操作，⽐如可以实现对包括Javascript代码美化、CSS代码美化、HTML代码美化等，前端开发者必备的⼀款插件。

这些就是它的功能，真的是很全⾯，基本上常⽤的⼯具这个上⾯都有了，像⼀些前端Web开发⼈员需要和后台代码⼯程师配合在，使⽤json数据传输的时候，⽤这款插件就可以帮助Web前端师更快速的对json进⾏解码，所以有了它，⼯作效率翻倍啊！强烈推荐安装使⽤。

⼆、Google翻译下载地址：/google/google-translate/download.htmlGoogleGoogle翻译是⾕歌提供的⼀个翻译插件，可以提供103种语⾔之间的即时翻译，⽀持两种语⾔之间的字词、句⼦、和⽹页翻译，⾮常⽅便。

对于英⽂不好的朋友来说，翻译插件可以说是必备的，⾕歌翻译可以翻译整个⽹页，或者选中⼀段⽂字进⾏翻译，再或者点击⼀个单词⽴即出现翻译结果，像程序员经常看的都是英⽂⽂档，肯定也会遇到个别⼏个不懂的单词，就可以选中单词，点击右键，⼀键翻译，⾮常⽅便，⽽且还⽀持多种语⾔，虽然我们可能不会⽤到其中⼤部分语⾔，但还是要夸夸这个翻译插件。

三、Octotree下载地址：/devtool/octotree/download.htmlOctotree是⼀款Chrome插件，主要是⽤于将GitHub项⽬代码以树形格式展⽰，⽽且在展⽰的列表中，我们可以下载指定的⽂件，再也不⽤下载整个项⽬了，有了它，在GitHub⾥能够让你感受像IDE⾥⼀样浏览和搜索代码。

必备的前端开发工具与插件推荐作为前端开发人员，使用合适的工具和插件可以提高我们的工作效率和开发质量。

本文将介绍几个必备的前端开发工具与插件，帮助开发人员更好地进行前端开发。

一、代码编辑器在前端开发中，选择一个合适的代码编辑器至关重要。

以下是几个常用的代码编辑器推荐：1. Visual Studio CodeVisual Studio Code是一款免费开源的代码编辑器，由微软开发。

它具有丰富的插件生态系统、强大的调试能力和智能代码补全功能，支持多种编程语言，是前端开发人员的首选。

2. Sublime TextSublime Text是一款流行的轻量级代码编辑器，提供了丰富的插件和定制化选项。

它具有快速且稳定的性能，适合处理大型项目和高效的多任务处理。

3. AtomAtom是GitHub开发的一款现代化的、开源且可定制的代码编辑器。

它具有强大的插件生态系统和直观的用户界面，可以满足不同开发人员的需求。

二、调试工具在前端开发中，调试是一个常见的任务。

以下是几个常用的调试工具推荐：1. Chrome DevToolsChrome DevTools是Chrome浏览器内置的一套前端开发工具。

它提供了强大的调试功能，可以检查网页元素、修改CSS样式、分析网络请求和执行JavaScript 代码等。

2. Firefox Developer ToolsFirefox Developer Tools是Firefox浏览器内置的一套前端开发工具。

它与Chrome DevTools类似，提供了一系列的调试和性能分析功能。

3. FirebugFirebug是一款受欢迎的浏览器扩展，提供了强大的HTML、CSS和JavaScript 调试功能。

尽管现在Firefox开发者工具已经可以满足大部分需求，但Firebug仍然有一些特殊的功能和用户界面。

三、包管理工具在前端开发中，使用包管理工具可以简化依赖管理和项目构建。

以下是几个常用的包管理工具推荐：1. npmnpm是Node.js的包管理工具，也是最大的包生态系统之一。

Google Chrome浏览器必备的20个插件Google Chrome浏览器虽然与火狐浏览器有所区别，不过他们都是很开放的浏览器产品，所以也有许多有用的插件，这些插件对于日常生活与网络冲浪都很有用，比如网银，炒股等。

Google Chrome浏览器被称之为目前世界上最快的浏览器既简洁又高效，用来上网冲浪还真是不错。

不过好马也得配好鞍，和很多非IE核心浏览器一样，Chrome也需要利用插件扩展自己的能耐。

下面就是笔者精心挑选的20款实用插件，感兴趣的不妨慢慢往下看吧!注：本文所有插件均已在Google Chrome 4.0.249.78 + Windows 7(RTM)中文版测试通过。

1. 搞定网银—— IE Tab* 推荐指数：★★★★★* 功能概述：用IE引擎打开网页(Chrome)虽说网页标准化已经实行多年，可事实上出于安全性或其他考虑，很多特殊的站点(如网上银行)仍旧只能用IE打开。

而这款插件的最大好处，就是能够在Chrome中直接生成一个IE内核标签。

插件装好后会自动在地址栏右侧生成一个按钮，每次点击都能产生一个空白 IE标签，在这个标签中拥有一套独立的地址栏及工具栏，打开的网页将享受到与IE一样的服务。

此外它还有一个很人性化的考虑，那就是可以将当前页面设为“自动启动”(工具栏左数第2个按钮)，换句话说当我们再次打开相同页面时，Chrome将自动以IE 模式打开。

图1 IE Tab插件2. 鼠标手势—— Chrome Gestures* 推荐指数：★★★★★* 功能概述：鼠标手势、超级拖拽、鼠标平滑滚动、鼠标加速滚动鼠标手势就不用我多解释了吧，安装这款插件后，Chrome便能在鼠标的“指挥”下完成很多特定操作。

除了能够显示出鼠标的轨迹，一个很人性化的设计就是提供了手势功能提示，于是我们便可以在操作时随时掌握即将发生的任务。

而且这款插件还有一个特别之处，那就是实现了超级拖拽(即利用拖拽在新标签页中打开链接或文本搜索)，进入“扩展程序”→“Chrome Gestures”→“选项”后即可找到这项功能。

Chrome浏览器插件推荐在如今信息爆炸的时代，我们的生活离不开互联网。

作为一个全球最受欢迎的浏览器之一，Chrome浏览器以其速度快、用户友好的特点受到了广大用户的喜爱。

为了进一步提升Chrome浏览器的使用体验，许多开发人员为这个浏览器设计并开发了各式各样的插件。

这些插件可以帮助我们更高效地上网，提升工作效率。

在本文中，我将向大家推荐几个我觉得非常实用的Chrome浏览器插件。

1. AdBlock Plus广告阻止工具是最受欢迎的浏览器插件之一。

为了提供更加纯净的网页浏览体验，AdBlock Plus可以有效地屏蔽弹窗广告、视频广告等各类广告。

安装这个插件后，我们可以享受到更加干净、高效的网页加载速度，减少了广告对我们上网体验的干扰。

2. LastPass随着互联网时代的到来，我们不可避免地需要创建和记住各种复杂的密码。

但过多的密码会导致我们忘记或混乱，给我们的生活带来了不便。

LastPass插件为我们提供了一个安全的密码管理工具。

我们只需要记住一个master密码，LastPass会自动保存并填写我们的用户名和密码。

这个插件还提供了强大的密码生成功能，让我们不再为密码而烦恼。

3. Evernote Web ClipperEvernote是一款非常受欢迎的笔记应用程序。

它的Web Clipper插件为我们提供了一个快捷的方式来保存和分享网页内容。

无论是文本、图片还是整个网页，我们都可以通过简单的点击将它们保存到Evernote中。

这个插件还支持标记、截图等功能，方便我们随时记录和整理自己感兴趣的内容。

4. Grammarly良好的语言表达能力是我们在工作和学习中必备的技能之一。

作为一个英文写作辅助工具，Grammarly插件可以帮助我们检查和纠正拼写错误、语法错误等问题。

不仅如此，Grammarly还提供了一些写作建议和改进意见，帮助我们提升写作水平。

无论是撰写邮件、论文还是写作文，Grammarly都能够为我们提供帮助。

前端设计师必备的五个调试工具推荐在前端设计领域，调试是一个不可或缺的重要环节。

通过调试工具，前端设计师可以有效地定位和解决各种问题，提高工作效率。

本文将介绍五个前端设计师必备的调试工具，帮助大家更好地完成工作。

一、Chrome开发者工具Chrome开发者工具（Chrome DevTools）是一款由Google开发的强大的调试工具，对于前端开发者来说是必备的利器。

它集成在Chrome浏览器中，提供了一系列功能和特性，包括网络调试、JS调试、CSS调试、性能分析等。

通过Chrome开发者工具，前端设计师可以实时查看和编辑网页的HTML、CSS和JavaScript代码，检查元素属性，模拟不同的移动设备，测试并优化网页性能等。

它的用户界面简洁直观，操作简单方便，非常适合快速定位和解决问题。

二、FirebugFirebug是一款流行的开源调试工具，主要用于调试HTML、CSS和JavaScript的问题。

它是一个浏览器插件，可以在多个浏览器中使用，包括火狐浏览器（Firefox）和其他基于火狐内核的浏览器。

Firebug提供了丰富的功能，包括实时编辑和调试HTML、CSS和JavaScript代码，查看和管理网页的DOM结构，监测网络请求和响应，测量网页性能等。

与Chrome开发者工具相比，Firebug在某些方面有其独特的优势，例如对CSS调试的支持更加强大。

对于习惯使用火狐浏览器的前端设计师来说，Firebug是一个十分实用的调试工具。

三、Safari开发者工具Safari开发者工具是苹果公司为Safari浏览器开发的调试工具，主要针对苹果设备的前端设计开发。

它提供了类似于Chrome开发者工具的功能，包括元素查看和编辑、资源加载分析、JavaScript调试等。

Safari开发者工具的特点是与Safari浏览器紧密集成，支持在移动设备上进行调试，可以模拟不同的移动设备和网络环境。

这对于开发针对苹果设备的网页和应用程序的前端设计师来说，是非常有用的功能。

前端工程师必备的5个Chrome插件2篇标题：前端工程师必备的5个Chrome插件前言：作为前端工程师，Chrome浏览器是我们日常开发中的必备工具之一。

除了浏览网页外，Chrome还提供了丰富的插件功能，可以帮助我们提高开发效率和调试能力。

本文将介绍前端工程师必备的5个Chrome插件，这些插件能够在你的开发过程中起到很大的帮助作用。

一、CSS PeeperCSS Peeper是一款用于抓取页面中的CSS样式的插件。

它可以帮助我们快速查看元素的样式属性，包括字体、颜色、边框等。

使用CSS Peeper，我们可以轻松地分析和借鉴其他网站的设计风格，提高自己的UI设计能力。

此外，它还提供了一些辅助功能，比如可以生成Web 字体等。

二、Web DeveloperWeb Developer是一款提供了丰富的Web开发工具的插件。

通过Web Developer，我们可以快速查看页面元素的结构、样式、脚本等信息，并进行一些常用的开发调试操作，如禁用缓存、设置Cookie、查看请求和响应头信息等。

此外，它还提供了一些有用的功能，如校验HTML 和CSS、测试编码规范等。

三、Window ResizerWindow Resizer是一款用于模拟不同浏览器窗口尺寸的插件。

在开发响应式网站时，我们需要测试页面在不同分辨率下的布局效果。

使用Window Resizer，我们可以快速切换浏览器窗口的大小，方便地查看页面在不同设备上的展示效果。

同时，它还支持自定义窗口尺寸，满足我们对特定尺寸的需求。

四、ColorPick EyedropperColorPick Eyedropper是一款取色器插件，用于快速获取页面中的颜色代码。

使用ColorPick Eyedropper，我们只需点击鼠标，就可以获取任意元素的颜色代码，无需再使用其他取色工具或查看代码。

这对于前端工程师来说，能够减少很多取色的麻烦，提高工作效率。

五、LiveReloadLiveReload是一款自动刷新页面的插件。

良⼼推荐10个强⼤的⾕歌插件给浏览器开挂有哪些实⽤的浏览器插件？现在基于Chromium核⼼的浏览器，内置的插件库包含成千上万的插件，开发者能根据不同的需求开发具有各种功能的插件，⽤以弥补浏览器在某些功能上的先天不⾜。

今天，⼩编为⼤家带来了⾼⼿必装的10款神器插件。

感兴趣的朋友快来了解⼀下吧。

10个强⼤的⾕歌插件1，uBlock，超好⽤的去⼴告插件ublock origin(firefox去⼴告插件) v1.37.2 官⽅版类型：⽣产⼯具⼤⼩：2.67MB语⾔：简体中⽂时间：2021-09-26查看详情uBlock 是⼀款功能强⼤的⽹络请求过滤器，它适⽤于所有⽹站，通过规则可拦截恶意⽹站，过滤⼴告，保护个⼈隐私，同时占⽤极少的CPU和内存消耗。

uBlock可通过建⽴规则禁⽌和彻底移除页⾯上的元素，包括常见的图⽚、视频等各种⼴告元素，并且它内置了⼀个规则库，可兼容使⽤诸如ADblock等著名去⼴告插件的规则，或者你也可以通过插件的功能针对特定⽹站⼿动创建拦截规则。

通过这些规则，uBlock⼏乎可以拦截⼀切⼴告，是⽬前浏览器上⼝碑最好的去⼴告插件之⼀。

2，Tampermonkey，油猴插件油猴浏览器插件(tampermonkey) v4.14.6147 Beta 官⽅最新版(附安装⽅法)类型：⽣产⼯具⼤⼩：1.4MB语⾔：简体中⽂时间：2021-11-29查看详情油猴脚本是浏览器的⼀个插件，通过编写脚本可以让⽤户直接控制修改⽹页内容，改善⽹页体验，简单的讲其实就是浏览器在功能上的⼀种扩展。

⼩编在各种⽂章中曾多次提到和总结过油猴相关的专题，它实在是浏览器上必装的插件，在功能上可以说具有⽆限的可能，虽然是⼀个插件，但它的脚本库包罗万象，囊括了⽅⽅⾯⾯，许多浏览器上的插件在油猴中都可以直接找到替代品。

善加利⽤，你甚⾄只需安装⼀个油猴插件，就能实现各种功能满⾜各种需求。

3，OneTab ，管理打开的标签页OneTab扩展插件Chrome 2.3 汉化版含教程类型：其它⼤⼩：88KB语⾔：简体中⽂时间：2018-04-18查看详情众所周知，⾕歌浏览器每个打开的页⾯都是单独的进程，好处不⾔⽽喻，可以使页⾯打开速度更快，同时缺点也显⽽易见了，当你同时打开多个页⾯时会极⼤的消耗系统资源，对于⼀般配置机器，可能会出现卡顿的现象。

前端工程师必备的5个Chrome插件前端工程师是现在非常热门的一个职业，随着互联网的发展，前端工程师的需求越来越大，但是前端工程师的工作也面临着很多问题，比如兼容性、响应速度等等。

为了解决这些问题，我们需要使用一些工具，其中Chrome插件就是前端工程师必备的工具之一。

在本文中，我将向大家推荐5个前端工程师必备的Chrome插件。

一、WhatFont插件在前端的开发过程中，我们需要经常去查看文字的字体、颜色、大小等信息，而WhatFont插件就是一款可以帮助我们查看文字信息的工具。

只需要安装这个插件，当我们将鼠标悬停在某个文字上时，WhatFont插件就会显示出这个文字的字体、颜色、大小等信息，非常方便。

二、JSONView插件在前端的开发过程中，我们经常需要处理JSON数据，但是在浏览器中看到的JSON数据十分混乱，很难看出其中的结构与内容，这时候就需要JSONView插件了。

它可以将JSON数据转换成易于阅读的格式，让我们更加方便地查看和处理JSON数据。

三、Page Speed Insights插件在网站的开发过程中，我们需要考虑网站的速度问题，Page Speed Insights插件就是一个可以帮助我们分析网站速度的工具。

只需要在浏览器中打开网站，并使用Page Speed Insights插件进行分析，就可以得到网站加载速度、响应时间等信息，并提供一些优化建议，帮助我们提高网站的速度和性能。

四、Firebug插件在前端的开发过程中，我们需要通过检查元素、修改样式等操作来调试页面，而Firebug插件可以帮助我们进行这些操作。

它可以显示页面中所有的元素，并提供交互式的CSS编辑器，让我们更方便地进行调试和测试。

五、Web Developer插件Web Developer插件是一款功能强大的工具，它可以帮助我们进行网站开发中的许多工作，比如检查页面的重复内容、检查页面的链接、显示页面的网格等等。