美文网首页工具
谷歌好用的前端插件

谷歌好用的前端插件

作者: 一句诺言 | 来源:发表于2016-10-18 19:04 被阅读120次

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选择器轻而易举地生成和发现于复杂网站。
CSSViewer查看css样式
Stylebot ——瞬间改变网站的外观。

相关文章

  • 谷歌好用的前端插件

    Devtools Terminal ——浏览器终端。牛逼的不得了! LiveReload ——为官方LiveR...

  • 【小工具】油猴插件脚本推荐

    前天给大家推荐了油猴插件,今天给大家推荐该插件的几款好用脚本!油猴插件 油猴插件,它的强大就像谷歌浏览器一样,谷歌...

  • 前端CDN库,https://cdnjs.com/

    RT 好用的前端CDN库推荐:https://cdnjs.com/ 谷歌字体图标: amazeui: jquery

  • 超好用的谷歌浏览器、Sublime Text、Phpstorm、

    分享一些超好用插件,打造一个不一样的 GitHub、浏览器、编辑器。 一、谷歌浏览器插件 谷歌访问助手【强烈推荐】...

  • 谷歌浏览器插件(一)

    整理一下 比较好用的插件: 1.谷歌访问助手 不用频繁更新hosts文件 和dns污染的困扰 可以快速打开谷歌搜索...

  • 【小工具】谷歌浏览器插件--油猴Tampermonkey

    好用插件推荐-- 油猴Tampermonkey 最近,我迷上了谷歌浏览器,因为它拥有无数插件,今天就推荐一款神器插...

  • 好用的软件和插件推荐

    之前被小伙伴安利了不少好用的软件和谷歌插件,在此记录一下,以后发现好的插件还会更新。 windows软件WGest...

  • Google插件开发教学

    前言 作为一个前端开发者,学习谷歌插件的开发也是十分必要的 导入 开发一个谷歌插件的第一步就是先学会导入,首先这里...

  • 2022-06-16

    谷歌插件 什么是谷歌插件? 谷歌插件,全名谷歌浏览器扩展程序。那什么是谷歌浏览器扩展程序,官方说明如下: 扩展程序...

  • 不得不说的谷歌插件,必须点赞啊!

    Hi,我是阿詹,分享6款不得不说的谷歌插件,个个好用到爆炸,附带5个插件下载地址,需要的私信回复020,免费获取。...

网友评论

本文标题:谷歌好用的前端插件

本文链接:https://www.haomeiwen.com/subject/trytuttx.html