Devtools Terminal ——浏览器终端。牛逼的不得了!

  LiveReload——为官方 LiveReload 应用程序(Mac 和 Windows)和第三方,例如 guard-livereload 和 yeoman,提供 Chrome 浏览器集成。

  BrowserStack Local ——本地测试 app 可以让你即刻配置和测试本地/内部服务器,和包括 HTML、CSS 和 JavaScript 文件在内的本地文件夹。在 BrowserStack 上的安全云设置中测试布局,工作流程和交互性,跨越 700+ 个真正的台式机和移动浏览器。

  JSONView ——验证和查看 JSON 文件。

  Postman——用 Postman 为 API 工作流程增加负荷!更快地构建,测试,并记录你的 API。已经不止一百多万的开发人员投入了 Postman 的怀抱。

  Window Resizer——该扩展可以重新调整浏览器窗口的大小,以仿效各种不同的分辨率。对网页设计师和开发人员尤其有用,可以帮助测试在不同浏览器分辨率下的布局。

  WhatFont——识别网页上的字体最简单的方法。

  Page Ruler——画一把尺子以得到像素维数和定位,并测量任何网页上的元素。

  Web Developer Checklist ——对于那些想要确保遵循最佳实践的 web 开发人员,这个扩展可以让你很容易发现自己网站的问题域。

  Image Downloader——浏览和下载网页上的图像。

  Alexa Traffic Rank ——Alexa Traffic Rank 是 Alexa Internet 提供的免费的 Chrome 扩展,并且是 Alexa 流量面板的唯一扩展。这款 Alexa 扩展可以在你网上冲浪的时候陪伴你,提供有关你访问的网站的 Alexa 数据,并且不会中断你浏览网站。

  Eye Dropper ——Eye Dropper 是开源扩展,它可以让你从网页,拾色器和个人色彩历史中选取颜色。

  Firebug Lite ——Firebug Lite 并非 Firebug 或 Chrome Developer Tools 的替代品。它是使用这些工具时也可以一起使用的工具。Firebug Lite 提供了丰富的视觉表现,这些视觉表现也是我们在 Firebug 中,涉及 HTML 元素,DOM 元素,以及盒模型阴影(Box Model shading)时惯常见到的。它还提供了一些很酷的功能,比如用鼠标检查 HTML 元素,以及实时编辑 CSS 属性。

  Web Developer ——添加了一个拥有各种 web 开发工具的工具栏按钮。是 Firefox web 开发扩展的官方端口。

  Responsive Inspector —— Responsive Inspector 是一个简单的谷歌 Chrome 浏览器扩展,它允许查看被访问网站的媒体查询。这在开发响应式网络布局时非常有用,因为它可以直观地显示在 CSS 样式表中定义了什么分辨率。

  BuiltWith ——使用该扩展,可以找出你正在访问的网站是用什么构建的。

  Corporate Ipsum ——作为填充文本使用,生成随机的企业公关说辞。

  User-Agent Switcher ——模拟用户代理(User-Agent)字符串。有了这个扩展,你就可以快速轻松地在用户代理字符串之间进行切换。此外,你还可以设置每次要冒名的特定 URL。

  YSlow ——YSlow 分析网页,并提出如何在一套高性能 web 页面规则的基础上改进性能。YSlow 在三个预定义规则之一或一个用户定义的规则集的基础上将网页分等级。它提供了改进页面性能的建议,总结了网页页面的组件,显示了关于页面的统计信息。

  CSS Shapes Editor ——使用交互式编辑器来创建并调整 CSS Shape 值,重叠所选元素。

  Pesticide ——这个扩展可以插入 Pesticide CSS 到当前页,形成每个元素的示意图以便于更好地看到它们在页面上的位置。

  Responsive Web Design Tester ——在移动设备上测试移动网站。此扩展反映了移动设备的大小和它的浏览器。

  Palettab——将超棒的颜色和字体带给新的标签页!每次点击新标签按钮,都会给你一点点新鲜。

  jQuery Audit ——jQuery Audit 在元素面板中创建了一个侧边栏,包含 jQuery 的下放事件,内部数据等,就像活跃的 DOM 节点,函数和对象。

  Font Changer——改变 Facebook、Twitter、Google、Youtube 和其他任何网站的字体。测试 Google Web Fonts™。

  HTML5 Outliner——用标题和分节元素生成一个可导航的页面大纲。

  PerfectPixel ——此扩展允许开发人员把一个半透明的图像叠加到已开发好的 HTML 的顶部,并在它们之间执行每个像素的比较。

  SelectorGadget ——Selector Gadget 是一个开源的 Chrome 浏览器扩展,能够让 CSS 选择器轻而易举地生成和发现于复杂网站。

  Stylebot——瞬间改变网站的外观。

Chrome必备的扩展的更多相关文章

  1. 在Firefox上使用Chrome的crx扩展程序

    假如你喜欢使用Firefox火狐浏览器,可是发现有个很喜欢很想用的扩展只发布了支持Chrome的crx格式--Firefox从57版以后使用了WebExtension API作为新附加组件的开发标准, ...

  2. 添加了有道生词本的 chrome google翻译扩展和有道翻译扩展

    在chrome发布项目,需要先花美金认证,还得要美国ID,无奈. 直接上源码,需手动导入. 原始项目源码并未开源,个人是从chrome本地文件里拿出来的,拓展来的,侵删(本来想着自已写一个,业余时间, ...

  3. 2017年最新chrome必备插件推荐

    1. 上网必备 Speed dial plus新标签页, 直接替换掉chrome自带的毫无新意的新标签页,简洁优美快速,我本人非常喜欢. <img src="https ...

  4. 谷歌chrome 插件(扩展)开发——谈谈安装

    chrome extension  安装的方式简单,打包方式也是非常简单的. 官方给出了三种安装方式: Chrome Web Store:把你的扩展程序上传到Chrome  Web Store, &q ...

  5. 谷歌chrome 插件(扩展)开发——基础篇

    公司需要开发chrome浏览器右键菜单功能,点击后可传页面的相关参数与客户端(winform)交互. 我对chrome扩展一无所知,所以第一阶段,我称之为"扫盲".也就是先找些相关 ...

  6. chrome添加 postman扩展程序图文简介

    Postman是一款功能强大的网页调试与发送网页HTTP请求的Chrome插件.无论是web前端开发 或 android.ios开发,只要涉及调用后端接口,postman这类型工具就必不可少了.相对于 ...

  7. chrome的uget扩展程序红色 Unable to connect with uget-integrator问题

    我们根据网上的教程在ubuntu16.04中安装下载工具uget+aria2并配置chrome时,最后重新打开chrome浏览器,发现uget扩展程序是红色的,点开看到”Unable to conne ...

  8. [工具]chrome添加crx扩展程序(附禁止复制破解扩展)

    Hello亲爱的观众朋友们大家好,我是09. 今天带来墙内用户安装chrome插件的方法. 1.打开扩展程序 2.把crx往里拖,欧了. ps.顺带安利chrome禁止复制破解扩展Enable Cop ...

  9. 黄聪:360、chrome开发插件扩展如何跨域调用其他网站的信息并且显示在扩展、tab中的api

    chrome插件提供了查找tab的api chrome.tabs.get(integer tabId, function callback) 但是出于安全的考虑,tab的属性中没有document 因 ...

随机推荐

  1. Linux下设置环境变量

    setenv(set environment variable) 功能说明:查询或显示环境变量. 语 法:setenv [变量名称][变量值] 补充说明:setenv为tsch中查询或设置环境变量的指 ...

  2. python enumerate用法

    含义:"枚举,列举" 对于一个可迭代的(iterable)/可遍历的对象(如列表.字符串),enumerate将其组成一个索引序列,利用它可以同时获得索引和值 enumerate多 ...

  3. 【Java EE 学习 82 上】【MAVEN基本安装和使用方法】

    一.Maven概述 1.什么是Maven? Maven中文意思是"行家"."专家",它是一种跨平台的项目管理工具. 2.Maven有什么作用? Maven能够实 ...

  4. Vue.js介绍样码

    了解一下,其它的什么SASS,COMPASS,WEBPACK,VUE.JS都看看,了解一下前端开发的一些知识点吧. <!DOCTYPE html PUBLIC "-//W3C//DTD ...

  5. Web GIS离线解决方案

    1.背景 在离线环境下(局域网中)的GIS系统中如何使用地图?这里的地图主要指的是地图底图,有了底图切片数据,我们就可以看到地图,在上面加上自己的业务数据图层,进行相关操作. 要在离线环境下看到GIS ...

  6. Denormalization

    Denormalization In computing, denormalization is the process of attempting to optimize the read perf ...

  7. 金融计算器app的下载情况

    下图就是一个多月来的下载量情况~话不多说,直接上图哈. 数据来源:百度开发者平台

  8. Scrapy框架实现爬虫

    实战中的遇到的问题总结: 1.

  9. Python学习日志(三)

    运算补充(因为之前看书看过的我又忘了...) python3 里 / 直接是浮点除.python2的 / 是直接整除,取整数部分,小数不要了,python3也可以这样整除,用//实现. **是乘方!! ...

  10. WP8解析XML格式文件

    DOTA2 WebAPI请求返回的格式有两种,一种是XML,一种是JSON,默认是返回JSON格式,如果要返回XML格式的话,需要在加上format=xml. 这里举一个简单的解析XML格式的例子(更 ...