十种前端工程师常用的chrome插件

2015年02月06日 前端技术, 网站建设 暂无评论 阅读 28 views 次

Google Chrome扩展对于开发者来说是非常实用的,它们可以使开发者在开发过程中不必运行一些琐碎的工具,从而使他们的工作更加集中。Chrome扩展可以通过很多种方式来帮助开发者。Chrome是个非常受欢迎的浏览器,而这些扩展无疑又增加了它的魅力。

我们已经搜集了一些重要的Chrome扩展,这非常有利于我们的Web开发工作。

1. Speed Tracer

Speed Tracer是一款可以帮助你发现并修复Web应用程序性能问题的扩展应用。Speed Tracer的功能很强大,它可以对网页中的元素进行全方位的检测分析,找出Web应用运行缓慢的罪魁祸首,以方便开发者优化代码。Speed Tracer还可以解决JavaScript语法分析和执行、CSS式样以及其他更多方面的问题。

rd_rs_291c1d4731b1db0b32cd32637e834ec4

2. Web Developer

点击可查看大图

安装Web Developer扩展后,会在浏览器的工具栏中添加一个按钮,点击该按钮,会弹出各种Web开发工具。此扩展工具的作者同时也是非常流行的Firefox扩展Web Developer extension for Firefox的作者。

3. Chrome Sniffer

这个扩展可以帮助Web开发者检查当前浏览的网站中的Web框架/CMS和JavaScript库。在地址栏中会出现一个图标,以显示检测到的框架。

4. StayFocusd

StayFocusd是一个高效的谷歌浏览器扩展,它可以通过限制你花费在无价值网站上的时间,来帮助你专注于工作。一旦你指定的时间已经消耗完,该网站即被限制,1天之内你不能再访问。

5. JavaScript Errors Notifier

安装该扩展后,会在Chrome地址栏中以图标形式提示JavaScript错误。

6. Stylebot

使用Stylebot,你可以自定义你喜欢的网站的外观和风格。这也是一个学习CSS的伟大的工具,你可以在设计和调试网站的过程中学习CSS。

7. Window Resizer

此扩展可以调整浏览器窗口的大小,以适应各种屏幕分辨率。这对于Web设计师和开发者非常有用,可以帮助他们在不同的屏幕分辨率下测试网站布局。

8. Awesome Screenshot

可以帮助用户截取网页内容以及添加注释。

9. BuiltWith Technology Profiler

BuiltWith是一个网站分析工具。找到一个网页后,BuiltWith可以返回它能在这个页面中找到的所有的技术。BuiltWith的目标是帮助开发者、研究者和设计者找出网页使用的是什么技术,这可能有助于他们决定在自己的项目中使用什么技术。

10. Clicky Monitor

Clicky是一个强大的实时网页分析服务,Clicky监视器可以让你快速访问你使用Clicky跟踪的网站的分析信息。

给我留言

您必须 登录 才能发表留言!

Copyright © 大一网 保留所有权利.  

用户登录

分享到: