技术开发 频道

Web设计开发人员必备:15个Chrome插件

  9. MeasureIt!

  MeasureIt! 用于测量网页上任何元素的宽度和高度。

  10. Pendule

  Pendule 是Chrome 为Web开发人员提供的开发工具。这个内置的开发工具的插件包括:查看、重装和禁用CSS,查看JavaScript、表格编辑,查看、隐藏及获得图像的信息,颜色选择器、量尺、地形图、标记验证器等等!

  11. PHP Console PHP控制台

  PHP Console 是Lagger的一个插件,(Lagger:PHP处理错误/异常/调试的轻量级灵活的开源PHP库),它在谷歌浏览器控制台及弹出窗口中显示PHP错误/调试的信息。

  12. Speed Tracer 速度追踪器

  Speed Tracer 速度追踪器帮助你在网站应用程序中发现和修复性能问题。当应用程序运行时,这个插件将浏览器内的低水平检测点可视化,并分析它们。

  这个应用程序帮助你了解在你的应用程序里时间都花在哪了。这包括由以下原因导致的问题:

  ①Javascript的解析和执行

  ②Layout 版面

  ③CSS样式重算和选择器匹配

  ④DOM事件处理

  ⑤网络资源加载

  ⑥定时器

  ⑦XMLHttpRequest 回调

  ⑧绘图

  ⑨其它

  13. Web Developer

  Web Developer 在浏览器中增加了一个工具栏,其中有Web开发工具的按钮。

  14. Webpage Screenshot 网页快照

  Webpage Screenshot 是快速、简单的插件,它能截取整个网页。即使网页很长,也能存储在一份图像文件里。这个插件让你只点击一下,就能以PNG/JPG格式存储任何网页的图像。

  ①有绘图工具:线条、椭圆、长方形、箭头等

  ②在屏幕快照中添加文本

  ③按所需尺寸快速裁剪图像

  ④在准备好图像之前就能开始编辑

  ⑤可以上传到Facebook、Twitter、Gmail、MySpace上共享

  ⑥打印:直接发送图像到打印机

  ⑦存储在硬盘里:这个独特的插件让你能够将大的图片存储在硬盘里

  ⑧能够截取本地文件:能够截取“FILE://”

  ⑨附有颜色选择器:能够记住你最后使用的颜色

  ⑩也能够截取水平网站的网页

  15. Window Resizer 窗口大小调整器

  Window Resizer 能够重新调整浏览器窗口的大小以适合各种分辨率。这个插件对网站设计和开发人员特别有用,能够帮助他们在分辨率不同的浏览器上测试版面设计。分辨率清单是完全能够定制的(增加/删除/重新排序)。

  可以提供三种屏幕类型:

  ①台式电脑(标准的;按具体的分辨率情况重新调整整个窗口的大小)

  ②手提电脑(和台式电脑一样,但图标不同;很容易扫描分辨率清单)

  ③手机 Mobile(和前两种屏幕不同;适合具体的视图尺寸,不会占满整个窗口,因为手机的浏览器通常没有边界)

  译文来源:伯乐在线- 职场博客- 自由职业者

  译文链接:http://www.jobbole.com/entry.php/494

  原文:Brian  文章推荐:关关  编译:伯乐在线 敏捷翻译组 - 丘建红

0
相关文章