Emmet Re:view插件 网页外观测试工具

newboy
newboy

目录

Emmet Re:view 是一款专业可靠的网页外观测试 Chrome 拓展程序,它可以在多个视口中快速轻松地测试用户的响应式设计网页,在多个设备上查看网页的外观。

Emmet Re:view 开发背景

如果你是一名 Web 开发人员,你应该懂得效率是重中之重。拥有一组能够提升生产效率简化工作流程的工具有多么难得。如果你经常需要测试网页外观,Emmet Re:view 能够帮助你很多。

Emmet Re:View 在多个视图中并排显示用户开发的网页,方便用户测试不同设备的不同分辨率下的外观。用户可以将所有视图同步,并执行滚动、填写表单字段、单击、悬停和拖动元素等操作,并在所有其他视图中获得即时反馈。

Emmet Re:View 功能介绍

一、集成良好

安装后,只需单击地址栏旁边 Emmet Re:view 的专用图标按钮即可轻松访问此扩展程序。

此实用程序不需要额外的配置,因为它默认为用户提供了一个标准选项菜单,你可以在其中根据需要调整一些参数。

二、在多个设备上测试网页

如果你需要在多个设备上显示所需网页的外观,并且还需要与它们交互以便在开发它们时测试它们的行为,Emmet Re:view 可以帮助到你。

单击顶部工具栏上的扩展图标后,你就可以根据自己的需要在断点视图和设备墙之间进行选择。如果你想更改默认设备,可以通过单击 Apple 电话菜单并从列表中选择最喜欢的设备来实现。

在可用的类别中,用户可以找到 Android 手机、Apple 手机、Apple 平板电脑和平板电脑。上面提到的每个预设都允许用户访问多个设备。如果需要,您还可以通过指定它们的名称、屏幕大小和用户代理字符串来将新设备和预设添加到菜单中。

网页测试网页外观测试Emmet Re:view

newboy

Hey hi and hello