Emmet Re:view

Chrome浏览器插件下载和安装教程(图文讲解)
在多个视口中测试响应式设计的快速简便方法

Emmet Re:View 在多个视图中并排显示您的响应式网页,因此您可以快速测试网页在不同分辨率和设备下的外观。所有视图都完全同步:滚动、填写表单字段、在一个视图中单击、悬停和拖动元素,并在所有其他视图中获得即时反馈。

特征:

* 断点视图:为页面的每个 CSS 媒体查询断点显示可调整大小的视图。大视口的内容按比例缩小以适合您的屏幕尺寸。
* 设备墙:设备大小视口的鸟瞰图。在这种模式下,每个视图都根据页面的 <meta name="viewport"> 标签进行缩放,并使用真实设备值覆盖 User-Agent。
* 为 Device Wall 创建您自己的设备和 pset。
* PageSync 引擎同步所有视口中的所有用户交互:不仅仅是滚动、表单填充和点击,还有鼠标悬停、移动和拖动。