当前位置: 首页 > Chrome插件推荐 > 前端网页设计师必备的十大Chrome扩展程序汇总整理
 
现在Chrome已超越IE成为目前最主流浏览器,再加上其拥有许多好用的chrome扩展程序,让在设计网页时,更加的得心应手。而身为一名优秀的前端开发兼后端兼运营的小编也先前也曾分享过不少优秀的chrome插件。关于网页设计的扩展程序,让平常在检测网页时,更加的方便,或是在开发时,也能即时的在各装置中预览,因此今天笔者就把平常所安装的套件整理了一下,与大家来作分享,分别从区块的测量、区块间的距离、CSS样式....加一加差不多有十个,通过这个十个chrome扩展程序,让你在设计网页时,会更加的快速。
前端网页设计师必备的十大Chrome扩展程序汇总整理推荐
身为网页前端设计师的朋友,这十个外挂绝不容错过,让你在设计网页时,可更加的方便,可让你的Chrome浏览器,变成一个开发工具。有任何问题,都可立即的反应出来,因此现在就一块来看看。

User-Agent Switcher for Chrome Chrome插件

User-Agent Switcher for Chrome,这套 Chrome浏览器的扩展程序,能将Chrome伪装成各大家不同的浏览器,让你方便测试初始网页。user agent switcher for chrome扩展可以轻松,快捷地修改Chrome浏览器的UA。 支持自动切换模式,让Chrome始终用指定的UA去访问某些网站。

Window Resizer:窗口自定义大小调节 Chrome插件

Window Resizer是一款可以设置浏览器窗口大小的Chrome扩展,用户安装了window resizer插件后可以快速调节chrome的窗口大小,用户可以将窗口调节为320x480、480x800、1024x768等大小,也可以选择自定义浏览器窗口的尺寸。

chrome屏幕尺子插件-Page Ruler Chrome插件

Page Ruler是一款可以测量Chrome浏览器中网页元素大小尺寸的谷歌浏览器插件。页面尺寸测量工具,前端设计师专用。可以测量页面元素、图片和文本的尺寸、位置。Page Ruler是一款可以快速测量出当前页面中某个元素大小尺寸的Chrome插件,在Chrome中安装了Page Ruler插件以后,可以点击浏览器右上角的Page Ruler插件在任何页面中启动它来测量相关的元素大小。

LiveReload Chrome插件

LiveReload监控文件系统中的更改。 一旦您保存文件,就会根据需要进行预处理,浏览器将被刷新。更酷,当您更改CSS文件或图像时,浏览器会立即更新,无需重新加载页面。为官方LiveReload应用程序(Mac&Windows)和第三方(如guard-livereload和yeoman)提供Chrome浏览器集成。

Stylebot Chrome插件

Change the appearance of websites instantly. Preview and install styles created by other users on stylebot.me
*** If you're looking for help or reporting a bug, please report on http://github

CSS Analysis Chrome插件

View the stats behind the CSS
Great for developers and users alike, press Shift+Alt+C to get information about the content rules applied by the page CSS.

Live CSS Editor Chrome插件

Live Write CSS onto any page
This extension provides a text box on any HTML page so that you can write CSS freely and immediately see the results. I use it every day for quick edits, product demos

Dimensions Chrome插件

Dimensions是一款可以在chrome页面元素距离测量的插件。

Grid Ruler Chrome插件

创建网格方便地测量距离。
它允许您创建纵向和横向网格, Photoshop的风格。

它有一个尺子来衡量你的网格之间的距离太大。

#使用方法: 。
- 阻力主要来自垂直/水平标尺来创建网格
- 点击垂直标尺和水平标尺进入统治者模式交集
- 而在统治者模式下,按住LT & ;按住Shift键& GT ;键得到一条直线。

Simple RWD Resizer Chrome插件

通过拖动来测试响应式设计
简单的响应式设计测试仪和图像缩放浏览器扩展程序调整页面。