好!欢迎访问迷津渡口 现在时间是: 天气 °C ~ °C

迷津渡口

越感到迷惑 越接近真理

前端程序员必知的30个Chrome扩展(转)

  谷歌Chrome浏览器是网络上可用的最好浏览器之一,并且自2011年11月超越了Firefox浏览器之后,已经成为了互联网上占主导地位的浏览器。今天,HTML5中国与大家分享一些实用的谷歌Chrome浏览器扩展,可以助我们有效提高工作效率。

 

  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——瞬间改变网站的外观。

 

   译文:http://www.codeceo.com/article/30-useful-extensions-for-web.html

   原文:Useful extensions for Front-End Developers and Designers

   翻作:码农网 – 小峰


点赞0
 标签: chrome拓展 前端
   支持一下
挤眼 亲亲 咆哮 开心 想想 可怜 糗大了 委屈 哈哈 小声点 右哼哼 左哼哼 疑问 坏笑 赚钱啦 悲伤 耍酷 勾引 厉害 握手 耶 嘻嘻 害羞 鼓掌 馋嘴 抓狂 抱抱 围观 威武 给力
 点赞
 签到
 表情
 图片
 代码
提交评论

清空信息
关闭评论
vishwashroff
 vishwashroff 2018-11-29 04:32回复
#12
<a href="http://www.bharatovation.com/moncler-lightweight-down-jacket-monclerr">moncler lightweight down jacket</a> <a href="http://www.donareseguros.com/christian-louboutin-suede-peep-toe-louboutinr">christian louboutin suede peep toe</a> <a href="http://www.cierreplus.com/prada-sunglasses-uk-pradar">prada sunglasses uk</a> <a href="http://www.flypiip.com/nike-shox-avenue-kvinners-s%C3%B8lv-runninga">nike shox avenue kvinners s酶lv</a> <a href="http://www.jimmysjulyjam.com/how-to-tie-a-tie-like-a-boss-tier">how to tie a tie like a boss</a> <a href="http://www.cakeeaterspgh.com/dolce-gabbana-belt-buckle-beltr">dolce gabbana belt buckle</a>
vishwashroff http://www.vishwashroff.com/
vihjelper
 vihjelper 2018-11-28 04:17回复
#11
<a href="http://www.gospeedbird.com/adidas-rose-mi-zx-flux-footg">adidas rose mi zx flux</a> <a href="http://www.tubetotext.com/parajumpers-masterpiece-woman-parajumpersr">parajumpers masterpiece woman</a> <a href="http://www.storagelayout.com/coach-chelsea-leather-coachr">coach chelsea leather</a> <a href="http://www.vigodog.com/billig-nike-mercurial-superfly-menns-gr%C3%B8nn-sneakere">billig nike mercurial superfly menns gr酶nn</a> <a href="http://www.goseecreate.com/lamarr-houston-99-jersey-youth-nflf">lamarr houston 99 jersey youth</a> <a href="http://www.jauntycouture.com/atlanta-braves-bucket-hat-free-hatc">atlanta braves bucket hat free</a>
vihjelper http://www.vihjelper.com/
eniszczarki
 eniszczarki 2018-11-24 10:50回复
#10
<a href="http://www.royalpinkwax.com/damian-lillard-rip-city-youth-jersey-nflr">damian lillard rip city youth jersey</a> <a href="http://www.luizabarroso.com/adidas-predator-red-and-black-2014-trainersf">adidas predator red and black 2014</a> <a href="http://www.wedocounters.com/billig-nike-free-4.0-v3-kvinders-s%C3%B8lv-runningc">billig nike free 4.0 v3 kvinders s酶lv</a> <a href="http://www.epiuenergia.com/boss-bow-tie-tier">boss bow tie</a> <a href="http://www.whitegayshop.com/jordan-12-black-white-metallic-gold-trainerse">jordan 12 black white metallic gold</a> <a href="http://www.famelabcyprus.com/nike-lebron-11-all-red-shoesc">nike lebron 11 all red</a>
eniszczarki http://www.eniszczarki.com/
cmetechnology
 cmetechnology 2018-11-22 02:48回复
#9
<a href="http://www.blogdalata.com/ray-ban-sunglasses-buy-now-pay-later-flights-sunglassesf">ray ban sunglasses buy now pay later flights</a> <a href="http://www.ensitele.com/mackage-coat-sale-montreal-mackager">mackage coat sale montreal</a> <a href="http://www.webeados.com/tan-coach-purse-coachr">tan coach purse</a> <a href="http://www.jemegaupload.com/maschio-under-armour-curry-5-gituttio-shoesn">maschio under armour curry 5 gituttio</a> <a href="http://www.khoshop.com/baby-burberry-tie-tier">baby burberry tie</a> <a href="http://www.pistaclic.com/billig-nike-air-max-ld-zero-dam%C3%A4nner-rosa-runningf">billig nike air max ld zero dam盲nner rosa</a>
cmetechnology http://www.cmetechnology.com/
reganwhimpey
 reganwhimpey 2018-11-21 05:16回复
#8
<a href="http://www.enescomert.com/adidas-neo-mesh-grey-purple-skoc">adidas neo mesh grey purple</a> <a href="http://www.iraqbody.com/%EF%BB%BFnikes-19-on-shoesm">锘縩ikes 19 on</a> <a href="http://www.eaudurable.com/zoom-pegasus-32-kids-foota">zoom pegasus 32 kids</a> <a href="http://www.chaiwanmei.com/womens-adidas-stan-smith-copper-white-kettle-trainersa">womens adidas stan smith copper white kettle</a> <a href="http://www.floornhome.com/difference-between-fake-and-real-ferragamo-belt-beltr">difference between fake and real ferragamo belt</a> <a href="http://www.jobmetry.com/adidas-kids-shoes-silver-pink-sportsb">adidas kids shoes silver pink</a>
reganwhimpey http://www.reganwhimpey.com/
dragongateusa
 dragongateusa 2018-11-18 21:44回复
#7
<a href="http://www.monolitcenter.com/nike-lunarglide-7-grey-bar-sportsc">nike lunarglide 7 grey bar</a> <a href="http://www.joemaniophoto.com/nike-sb-portmore-dam%C3%A4nner-gelb-trainersf">nike sb portmore dam盲nner gelb</a> <a href="http://www.itmontwitter.com/versace-square-belt-beltr">versace square belt</a> <a href="http://www.sdsremote.com/nike-air-max-tailwind-8-purple-urkle-runningg">nike air max tailwind 8 purple urkle</a> <a href="http://www.offshoretent.com/black-grey-womens-nike-sb-stefan-janoski-max-shoes-runningb">black grey womens nike sb stefan janoski max shoes</a> <a href="http://www.googleizate.com/coach-convertible-crossbody-bag-coachr">coach convertible crossbody bag</a>
dragongateusa http://www.dragongateusa.com/
dcssattorneys
 dcssattorneys 2018-11-16 05:48回复
#6
<a href="http://www.blogdalata.com/billig-nike-free-flyknit-4.0-dam%C3%A4nner-trainersce">billig nike free flyknit 4.0 dam盲nner</a> <a href="http://www.ensitele.com/air-jordan-11-herre-orange-trainersb">air jordan 11 herre orange</a> <a href="http://www.webeados.com/jordan-retro-5-cement-grey-raspberry-red-shoesb">jordan retro 5 cement grey raspberry red</a> <a href="http://www.jemegaupload.com/kansas-city-chiefs-mitchell-and-ness-snapback-hatr">kansas city chiefs mitchell and ness snapback</a> <a href="http://www.khoshop.com/bmw-nobis-jacket-nobisr">bmw nobis jacket</a> <a href="http://www.pistaclic.com/bailey-button-chocolate-ugg-boots-uggsr">bailey button chocolate ugg boots</a>
dcssattorneys http://www.dcssattorneys.com/
beaudoutjoel
 beaudoutjoel 2018-11-11 07:27回复
#5
<a href="http://www.trendwaching.com/jarnkrok-calle-19-jersey-usa-nflb">jarnkrok calle 19 jersey usa</a> <a href="http://www.vishwashroff.com/billig-nike-kd-8-kvinders-gr%C3%B8n-shoesc">billig nike kd 8 kvinders gr酶n</a> <a href="http://www.zlotyul.com/nike-street-gato-ac-womens-silver-gold-skog">nike street gato ac womens silver gold</a> <a href="http://www.chieao.com/flyknit-roshe-run-river-rock-uphill-sportse">flyknit roshe run river rock uphill</a> <a href="http://www.mbesthetics.com/nike-air-max-1-x-patch-black-runningd">nike air max 1 x patch black</a> <a href="http://www.filmtele.com/nhl-jerseys-buffalo-sabres-24-robyn-regehr-black-jerseys-nflf">nhl jerseys buffalo sabres 24 robyn regehr black jerseys</a>
beaudoutjoel http://www.beaudoutjoel.com/
vendsweeps
 vendsweeps 2018-11-03 22:09回复
#4
<a href="http://www.nhadatmoivn.com/%EF%BB%BFparajumpers-gobi-jacket-parajumpersr">锘縫arajumpers gobi jacket</a> <a href="http://www.cakirgozoto.com/coach-hc7072b-sunglasses-coachr">coach hc7072b sunglasses</a> <a href="http://www.mozhizhou.com/2014-15-real-madrid-2-varane-away-pink-soccer-long-sleeve-shirt-kit-nflv">2014 15 real madrid 2 varane away pink soccer long sleeve shirt kit</a> <a href="http://www.perialetheia.com/nobis-abby-jacket-nobisr">nobis abby jacket</a> <a href="http://www.honestmentor.com/nike-free-run-2.0-junior-tilbud-skod">nike free run 2.0 junior tilbud</a> <a href="http://www.edgethrive.com/burberry-baby-blue-scarf-scarfr">burberry baby blue scarf</a>
vendsweeps http://www.vendsweeps.com/
destinyrail
 destinyrail 2018-11-03 22:09回复
#3
<a href="http://www.diarso.com/billig-nike-air-max-90-premium-kvinners-rosa-shoesf">billig nike air max 90 premium kvinners rosa</a> <a href="http://www.swellvelo.com/adidas-forum-mid-zwart-hours-shoesb">adidas forum mid zwart hours</a> <a href="http://www.proyectosuraj.com/parajumper-m%C3%B6ssa-parajumpersr">parajumper m枚ssa</a> <a href="http://www.geoffglisson.com/coach-boxed-universal-pocket-phone-wallet-in-smooth-leather-coachr">coach boxed universal pocket phone wallet in smooth leather</a> <a href="http://www.madamevelvet.com/2014-15-real-madrid-2-varane-away-pink-soccer-long-sleeve-shirt-kit-nflv">2014 15 real madrid 2 varane away pink soccer long sleeve shirt kit</a> <a href="http://www.zinoviaenache.com/bmw-nobis-jacket-nobisr">bmw nobis jacket</a>
[url=http://www.destinyrail.com/]destinyrail[/url]
顶部留言底部
 00:00/00:00
我想和你虚度时光 - 花房姑娘(9)
  1. 我想和你虚度时光
  2. 花房姑娘
  3. 恋恋风尘
  4. 我喜爱一切不彻底的事物
  5. 我的心里是满的
  6. Long Way
  7. 给少年的歌
  8. 晴日共剪窗
  9. 天上的月你的脸