十款Chrome 扩展工具,提高你的开发效率( 二 )


 

十款Chrome 扩展工具,提高你的开发效率

文章插图
 
 
9、内建技术构建者 BuiltWith Technology Profiler
搞清楚一个网页如何建立按钮的点击需要感谢内建技术构建者,一款不错的易用网页建构工具 。在你点击构建图标后,这款控件能返回所有能在这个网页运用的技术 。访问“BuiltWith”网页获取更多信息,你也可以在“BuiltWith” 网页添入url来探索那个网站使用的技术 。
十款Chrome 扩展工具,提高你的开发效率

文章插图
 
10、像素标尺 Page Ruler
像素标尺能为你在任何一个网页显示标尺,它可以为任何你想要测量的页面控件提供宽,高,位置(上,下,左,右)等信息 。标尺的大小,位置可以很容易地通过拖动标尺边缘、改变靶心位置、或者在工具栏手动更新标尺大小和位置来做精确调整 。像素标尺同样提供了一个“组件模式”,其会在你鼠标移到组件上时显示该组件轮廓 。更赞的是,你可以浏览任何控件的父控件,子控件,同级控件 。
十款Chrome 扩展工具,提高你的开发效率

文章插图
 
希望上面提到的一些工具能够提高你的开发效率 。你肯定也有自己中意的工具,这些工具对你的开发工作来说是必不可少的 。但是千万不要贪多贪全,因为扩展工具太多反而会无从下手,不仅没有真正起到助益作用,反而常常妨碍了正常的开发工作 。

【十款Chrome 扩展工具,提高你的开发效率】


推荐阅读