http://www.web008.net

Chrome开发者工具不完全指南,Web前端开发人员实用Chrome插件收集

Chrome开拓者工具不完全指南(六、插件篇卡塔 尔(阿拉伯语:قطر‎

美高梅手机版,2015/07/13 · CSS, HTML5, JavaScript · Chrome, 插件

原来的书文出处: 卖BBQ夫斯基   

本篇是Chrome开垦者工具的结尾篇,最终为大家介绍四款功效强大的插件。在chrome商铺里面有大多插件,没事建议我们去逛逛。可是供给FQ,所以诸位请自备神器。

风姿罗曼蒂克、四肢插件

第一是我们期盼已久,翘首以盼的身躯插件。那款插件叫DevTools Theme: Zero Dark Matrix.在合营社中下载之,然后展开这几个地方:chrome://flags,找到Enable Developer Tools experments (能够查找experments关键字飞速锁定之卡塔 尔(英语:State of Qatar)勾选启用复选框。重启浏览器,展开开荒者选项,点击小齿轮,能够见见Experments那选项,接纳后在弹出面板中勾选 Allow custom UI themes,重启浏览,然后见到:

美高梅手机版 1

高达上的四肢正是如此出来滴。据书上说还会有相当多办法得以改造,然而露珠近日就用的事这种方法。有野趣的同班可以去尝试看。

二、Performance-Analyser(网页质量深入分析)
那款插件是用来剖判你的网页加载性能的,包蕴http央求,推行期的时光,以至每一种http央求文件的大大小小,占比。首先下载之,随意展开多少个分界面,按下插件Logo,能够观察剖判页面:

美高梅手机版 2

您能够动用那款插件来解析你的界面能源加载的风姿浪漫体化境况,并试着做一些优化和调动。

三、(FeHelper)WEB前端帮手
这款插件包罗了后生可畏八种效率,很丰盛。是同胞开采的,作用包括:json格式化,html格式化,二维码生成,编码标准检查评定等等风流倜傥体系。当您在浏览器中开荒二个后台接口的时候,如果该接口再次来到的是json字符串,那么它会自行将其格式化。下边是它的后生可畏部分功力列表,不现实风华正茂意气风发示范:

美高梅手机版 3

四、POSTMAN
该插件是效仿发送乞请的,后台和前台开采人士都足以用到。它是一个简化版的fiddler,作用尽管并未有它强盛,但是分界面胜之,操作性也胜之,还应该有标准的API,更新也一直在那起彼伏。所以用之有木有:

美高梅手机版 4

五、Visual Event

网页事件监听,能帮你捕获到当下网页上的逐一要素的平地风波监听景况。张开一个分界面,按下扩大按键:

美高梅手机版 5

把鼠标放到有背景象的成分上去,可以看出它们的年月来源和绑定的函数。对于部分轻便易行的风浪质量评定只怕蛮有用的。比较复杂的就没怎么卵用了。

六、二维码扫描

这么些意义对线上支付以来照旧不错的。扫一扫就在浏览器中开垦了。在FF浏览器中自带的效应,对于Chrome来讲怎可以够木有呢?可是那效率太轻易,太低级次,太多了(可是很有用卡塔 尔(英语:State of Qatar)。就不上图了。

七、WhatFont

找到网页的字体。开启功用后把鼠标停留在文书上,会弹出该字体名称。所以你能够就此copy你心爱的字体啦。

八、Speed Tracer

那一个是叁个强有力版本的品质解析器,比Profiles还会有力。能够追踪事件,查看css样式,找到js中内部存款和储蓄器走漏,检验js语法。作用之强盛,举世无双!Speed Tracer是大器晚成款很强劲的网页品质剖析工具,通过它你能够找到你的网页运营缓慢的原因。针对它们改良网址。不过因为它的成效强大,所以操作相比较复杂。篇幅原因露珠不做牵线。感兴趣的同学能够友善去捉摸捉摸。下边是盗图一张:

美高梅手机版 6

结束语、

到此截至,露珠的Chrome开采者工具不完全指南种类发表终止,露珠通过了六篇博文,向各位比较想尽地介绍了chrome开荒者工具的机能接纳。从底工的dom查找到品质深入分析,概略上涵括了前端开垦的种种方面。在未来前端开采日益复杂的主旋律下,驾驭了几件好的工具,是能够能够一本万利的。而chrome没有疑问的是那么些好工具中的叁个。讲到这里露珠想到《庄子休》里面的二个传说:有一天孔圣人的学员子贡经过一块菜畦,见到有一人老人为了灌溉而打了一条通往水井的手不释卷,然后抱着水瓮来回于水井和菜畦之间,为的是给菜畦灌水。子贡见了就对老人说那样打水太累,为啥不和睦做三个打水的机械呢?种菜的老前辈说:“有机械之事者必有机心。机心存与胸,大道不载也”。意思是有了偷懒的心,人就变得懒,那不是人的秉性,亦非天的天性,所以大道也就不会大增他的心中。其实露珠想说利用工具和偷懒或机心是三回事儿,时代在变幻无常,人类已经不再是刀耕火耨的人类了,借使一向停在旧的时期,跟不到新时期的升华,不学会与时俱进那样唯有被历史淘汰。那跟大家明日处的条件是千篇意气风发律的,非常是前端开荒,才能更新跟翻书近似快,陆陆续续的新框架现身,几年的岁月就有一大堆新鲜的事物跳将出来把你们吓后生可畏跳,不仅开垦的时间在大增,学习的资金财产也在不停增添,所以时间变得愈加不少。如若有好的工具得以在少付出的状态下为大家完毕同等的指标,何乐不为呢?终归我们的对象都大器晚成律,只是换汤不换药罢了。当然,庄子休是墨家里人物,借个旧事来捉弄墨家也是当然,一孔之见还是十三分滴哈。

1 赞 14 收藏 评论

美高梅手机版 7

越是多的前端开垦职员喜欢在Chrome里开拓调节和测验代码,Chrome有广大两全其美的插件能够帮忙前端开辟人士一点都不小的拉长工效。非常Chrome本身是足以登入的,登入后您抱有的插件都会自行同步到每一个签到后的Chrome的,特别常有利啊。

Postman - REST Client

Postman是Ajax开荒的神器,对于Restful开荒情势特别有扶植,能够用来效仿各个央浼来测验API的不错,比方用来模拟Ajax恳求。它还扶持认证,举个例子简单的客商名/密码,或然Oauth1.0。Rest Console也是五个没有错的选项。

Edit This Cookie

那是多少个刚劲的cookie微电脑。你能够增添、删除、编辑、找出、珍惜和拦截cookies。Cookies也是贰个要命强盛的Cookie工具。

Web Developer

安装Web Developer扩充后,会在浏览器的工具栏中增多八个按键,点击该按键,会弹出各种Web开拓工具。此扩充工具的作者同一时候也是可怜流行的Firefox增添Web Developer extension for Firefox的撰稿者。。

JSON Lint

一个在线验证和格式化JSON文件的应用。

网页截图

截取网页为图片,帮助窗口截图,区域截图和总体网页截图三种办法。协理水平和垂直翻页截取不小网页,新版引入自动截图保存功效。截图后,能够选择图片编辑工具编辑图片,然后将编辑后的图样保存为PNG格式的图样文件,而且提供了高亮工具,涂改工具和文字增加工具。

YSlow

YSlow可以深入分析网页,并为改良网页品质提议订正建议,那一个功能基于高质量网页的规规矩矩集。YSlow能够依照预约义的多少个准则集或客商自定义法则集来对网页进行独家。,PageSpeed Insights是Google开采的好像效能的插件。

ColorZilla

能够从页面上任何一点获取颜色,维护获取历史等。

Measure It!

MeasureIt! 给您度量三个网址中的任何因素的尺寸(像素宽度和中度卡塔 尔(英语:State of Qatar)。 Page Ruler也是二个准确的精选。

郑重声明:本文版权归美高梅163888所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。