前端或开发人员一定要会，谷歌浏览器20个扩展程序

相信我谷歌浏览器是浏览器里绝对最好的，想用好浏览器一定要知道这20个有用的扩展程序。

CSS Viewer是一个简单但非常有效的 Web 开发者 Chrome 扩展。顾名思义，无论您将鼠标悬停在何处，此插件都会向您显示给定页面的 CSS 属性。将出现一个小的d出窗口，向您显示构成您指向的元素的 CSS 数据。

无论您是想创建简单的 WordPress 主题还是现代和复杂的主题，这都是一个非常智能的扩展，可以在您将鼠标指向的任何地方轻松识别关键 CSS 属性。

WhatFont 对于需要识别网页上使用的字体的开发人员来说是一个非常有用的 Chrome 扩展程序。它快速、磨迅卖有效，并且可以在几秒钟内识别页面中的单个字体。它还标识了家庭、大小、重量和颜色。所有这些都在浏览器的一个小d出窗口中。

Fonts Ninja以与 WhatFont 类似的方式来识别网页中的字体。如果 WhatFont 出于任何原因不适合您，这是一个有用瞎逗的选择。它的工作原理几乎相同，但界面更小。否则，这两个扩展的外观和感觉非常相似。

安装扩展程序，您应该会在工具栏中看到一个小的绿色忍者图标。在 Chrome 中打开网页，选择图标，然后将鼠标悬停在您要识别的字体上。您应该会在突出显示的字体上看到一个页面概览d出窗口和一个单独的d出窗口。简单但非常有效。

Page Ruler Redux 是一个 chrome 扩展，可让您查看网页上任何元素的宽度、高度和位置。 这对于优化您的网站以获得更好的可读性非常有帮助。此外，Page Ruler Redux 提供了键盘快捷键，可以轻松浏览您的网页。

CSS Peeper允许您检查网站上使用的整个调色板。您可以以视觉上吸引人的方式查看所有这些列表，以便您找到它们。

CSS Peeper是为设计师量身定制的 CSS 查看器。使用 Chrome 扩展程序访问有用的样式。使命是让设计师专注于设计，并尽可能少地花时间挖掘代码。

Window Resizer对于 Web 开发人员来说是一个非常有用的 Chrome 扩展。它简单但非常有效，尤其是在使用响应式设计或应用程序时。它会安装到 Chrome 中，并将您正在使用的任何屏幕调整为一系列流行的屏幕尺寸。Window Resizer 等扩展有助于开发在桌面和移动设备上看起来很棒的响应式网页设计。

涵盖了最常见的尺寸、移动设备、平板电脑、台式机，并且仿真似乎非常准确。这里的人经常使用 Window Resizer 并对其评价很高。这对我们来说已经足够了！

BrowserStack是另一个对 Web 开发人员非常有用的 Chrome 扩展。与 Window Resizer 一样，此扩展程序允许您测试您的工作的响应能力。此扩展程序允许您使用不同的浏览器进行测试，而不是不同的屏幕尺寸。

安装扩展程序，在 Chrome 中打开您的页面，选择 BrowserStack 并从选项昌李卡中选择一个设备选项。然后将使用该设备上的浏览器仿真来呈现该页面。简单但非常有效。不过，您确实需要一个 BrowserStack 帐户才能使其正常工作。

此扩展程序可帮助您以像素完美的准确性开发您的网站！

PerfectPixel允许开发人员和标记设计人员在已开发的 HTML 顶部放置一个半透明的图像叠加层，并在它们之间进行像素完美的比较。

如果您在 GitHub 上花费大量时间寻找新项目，Githunt非常有用。这个 Chrome 开发者扩展不依赖于 GitHub 的趋势项目提要，而是通过在浏览器的新选项卡区域中突出显示所有趋势项目，从而将其脱颖而出。

您可以搜索不同语言的项目，并阅读简短的项目描述和当前打开的问题数量。然后，您只需在选项卡中选择项目即可转到该项目并进一步检查它。如果您喜欢为新项目做出贡献，这是一个非常有用的小扩展。

Wappalyzer是一个非常有效的工具，用于识别网页背后的底层技术。它可以快速识别 Web 服务、CMS 类型、分析工具、插件、JavaScript 库和大量其他应用程序。如果您想知道页面背后的秘密，这是找出答案的一种方法。

只需安装扩展程序，在页面上选择它，就会出现一个d出窗口，突出显示该页面上运行的所有可识别应用程序。

分析任何网页是否违反最佳实践。此扩展可帮助 Web 开发人员轻松发现网站中的问题区域。

生成调色板的免费浏览器扩展。设计师和前端开发人员必备的工具。抓取任何网站的颜色。

GoFullPage 是一个浏览器扩展程序，可以截取您在浏览器中查看的整个网页的屏幕截图。当您单击扩展程序图标时，扩展程序会向下滚动，并且在当前页面上，您正在浏览器中查看，将每个滚动窗口组合成一个显示在新选项卡中的图像。

Check My Links是一个链接检查器，它可以抓取您的网页并查找损坏的链接。它是主要为网页设计师、开发人员和内容编辑器开发的扩展。

当您编辑一个包含大量链接的网页时，能够快速检查页面上的所有链接是否正常工作不是很方便吗？这就是“检查我的链接”的用武之地。

该扩展程序可以快速找到网页上的所有链接并为您检查每个链接。它突出显示哪些是有效的，哪些是坏的，就这么简单。

您可以一键将所有坏链接复制到剪贴板！

Lorem Ipsum Generator是最好的 Chrome 扩展之一。它的功能正如其名称所暗示的那样。它为演示网站生成填充文本并且做得很好。

只需安装扩展程序，在页面中选择它，告诉它您要生成多少 Lorem Ipsum 副本，然后从窗口中复制它。将其粘贴到您的页面中，您就完成了。

Corporate Ipsum是 Lorem Ipsum Generator 的流行替代品。如果您的客户对占位符文本更加挑剔，或者您想增加商业网站的感觉，那么这就是您来的地方。这个 Chrome 开发者扩展会生成 lorem ipsum，但带有企业风格。

它也很像 Lorem Ipsum 生成器。安装扩展程序，打开您的页面，选择图标并告诉它要生成多少副本。复制并将其分页到位并移动到下一个。这是一种生成更多面向业务的占位符文本的快速、简单的方法。

React Developer Tools专门用于开源 React JavaScript 库。如果您使用 React，此扩展可帮助您根据需要检查库。

安装扩展程序，您应该会在 Chrome 工具栏中看到两个图标。一个用于组件，另一个用于 Profiler。组件向您显示 React 在页面上使用的内容，而 Profiler 向您显示性能数据。如果您使用 React，这是必不可少的工具！

EditThisCookie是一个对开发人员非常有用的 Chrome 扩展。它使您能够按页面编辑、删除、创建和保护 cookie。它还允许您将它们导出以进行分析、阻止它们、将它们导入 JSON，并且通常可以对 cookie 执行尽可能多的 *** 作。

最有用的工具是搜索和读取 cookie 的能力。开发人员会发现大多数工具在某一时刻很有用。

UX Check是一个可用性分析器，它使用 Nielsen 的 10 个启发式方法来评估页面。它可以快速突出潜在的可用性问题，并使您能够添加注释、截屏并导出准备在团队中共享的发现。

UX Check 是一种非常有效的方式来执行轻量级用户测试，而不需要过多的细节。在交付项目进行全面测试之前作为第一次通过测试的理想选择。

Checkbot 它检查页面的链接、错误、安全性、性能、搜索引擎优化和一系列其他注意事项。这是一个非常有用的工具，可以添加到您的曲目中，并且对于发布前的最后一遍非常有用。

这20个扩展工具前端开发人员很有用，也有一些专门适用于狭窄领域的工具。可以让您的工作更轻松。无论是通过提高生产力、解决问题还是简化流程，这里都有工具可以完成所有这些事情，甚至更多。

推荐两款谷歌浏览器插件，分别为谷歌访问助手和谷歌搜拍上网助手，助力我们的生活和科研。

谷歌访问助手

在不能使用谷歌搜索之前，首先还得借助百度等其他搜索引擎，下载谷歌访问助手插件，即扩展名为.crx的文件，从网上可获取的谷歌访问助手插件的最新版本应该是2.3.0。

然后点击谷歌浏览器右上角的自定义及控制(三个点)，点击更多工具，选择扩展程序进入扩展程序界面，打开右上角的开发者模式。

其次将下载的谷歌访问助手.crx文件鼠标拖至扩展程序界面安装即可(拖至界面时会显示拖放以安装)。如果显示程序包无效: "CRX_HEADER_INVALID"，可将下载的谷歌访问助手.crx文件扩展名改为压缩包格式.zip，然后解压缩为单独的文件夹，将文件夹放置到电脑常用的安装目录(其他位置也行，看个人习惯)，最后余缺在谷歌浏览器的扩展程序界面，点击加载已解压的扩展程序，选择刚才解压缩的文件夹就安装完成了。

最后需要免费激活一下此插件，设置一下浏览器主页就行。

谷歌上网助手

如果不能访问谷歌，安装扩展程序方法与上面方法一样，下载谷歌上网助手添加至浏览器。

如果能访问谷歌，可以直接去chrome网上应用店，安装谷歌上网助手。

安装完成后，通过邮箱注册一个账号就可以使用了。相比谷歌访问助手插件，谷歌上网助手无需设置主页，更方便。

如果上面两个工具用着不方便，可以借助这两个工具访问chrome网上应用店，搜索相关的关键词，添加更多工具。

若访问谷歌学术，直接用谷歌搜索关键词谷歌学术，然后点击进入使竖漏辩用就ok了。

我用过许多浏览器，目前来说一直在用谷歌，先说说优点吧：\x0d\x0a1.浏览速度超快，根据我的感觉，大概比ie8能快出一倍以上。（保守的说）。\x0d\x0a2.界面简洁。我很喜欢它这种简洁又不失华丽的界面。\x0d\x0a3.运行非常稳定，极少出现ie那样的崩溃灾难。\x0d\x0a4.目前来说插件日益的丰富了，我现在安装的谷歌插件给你推荐一下吧，下载的话可在浏览器的工具----扩展程序----获得更多扩展程序里面找\x0d\x0a（1）ChromeIETabMulti-版本：0.9.7.5\x0d\x0a主要功能是可以在谷歌上使宴纯用ie内核浏览网页，遇到谷歌不能兼容的网站还是很有用的。\x0d\x0a（2）Click&Clean-版本：7.1.0.0\x0d\x0a这个的功能还挺多，我主要是用它来清除浏览记录，谷歌有个毛病，关闭浏览器的时候不能自动清除浏览记录，用这个扩展正好可以补充这一功能。\x0d\x0a（3）下载助手（由Google提供）-版本：4.0.0\x0d\x0a这个不用说了吧，用过火狐的都知道，用这个可以调用迅雷，快车等等下载工具来下载文件。\x0d\x0a（4）迅雷、快车、旋风专用链自动破解-版本：3.9.6\x0d\x0a有的时候用下载工具找不到网站上的正确下载地址，那这个插件就用的上了。\x0d\x0a\x0d\x0a以上是优点，再说下缺点吧：\x0d\x0a1.还是兼容性的问题，主要表现在两个方面：第一个是对安全性的插件支持性不好，比如网上银行的一些插件，还有U盾。总是有些莫名其妙的问题。第二个就是对下载工具的兼容上。虽然有了很多的插件扩展，但是支持晌胡咐上还远达不到ie的那种程度。\x0d\x0a2.功能上过于简单，虽然是个开源的程序，虽然也逐渐有了各种插件，但是跟各种使用ie内核的浏览器比起来，还是显的单薄点。\x0d\x0a3.占用内存比较大，尤其是在打开多个网页的情况下。我没有统计过，但是觉得谷歌对内存的占用绝对做闭排的上前几名。\x0d\x0a\x0d\x0a以上是我对谷歌的一些认识，不管怎么说，谷歌是一款非常有前景的浏览器。它的速度尤其突出。绝对可以排前三名。

---