Emmet Re:view:在不同的分辨率下测试网站的显示情况

发布时间: 编辑:CINDY 0人评论 32868次浏览 Chrome开发者工具插件
直达下载
摘要 : Emmet Re:view是一款可以在不同的浏览器分辨率下,测试网站的显示情况,使用该插件可以同时显示网站在多种分辨率下的显示效果。

Emmet Re:view的开发背景

由于现代的浏览器的分辨率随着移动设备的发展也变得越来越多样化,用户在开发网站的时候,需要考虑的分辨率也越来越多,如果针对每一种浏览器分辨率来购买一种设备的话,那肯定是不现实的,今天给大家推荐一款可以通过自动打开多个浏览器的视口来测试网页的显示效果的谷歌浏览器插件。

Emmet Re:view的简介

Emmet Re:view:在不同的分辨率下测试网站的显示情况

Emmet Re:view是一款可以帮助用户的同一个浏览器中观察网站在多种分辨率下的显示效果,在chrome中安装了Emmet Re:view插件以后,用户就可以在打开一个浏览器的窗口,同时观察目标网站在多种视口中的显示状态,并通过对多个分辨率显示的对比,改进网站针对各种浏览器的显示效果,满足更新用户的需求。

Emmet Re:view的使用方法

1.在谷歌浏览器中安装Emmet Re:view插件,并在Chrome的扩展器中启动在不同的视图中测试网页效果的功能,Emmet Re:view插件的下载地址可以在本文的下方找到,离线Emmet Re:view插件的安装方法可参考:怎么在谷歌浏览器中安装.crx扩展名的离线Chrome插件? 最新谷歌浏览器离线安装版可以从这里下载:https://huajiakeji.com/chrome/2014-09/177.html

2.使用Emmet Re:view插件可以打开一个网页,在多个浏览器中显示效果,如图所示:

Emmet Re:view显示多种分辨率效果

3.用户还可以自定义选择浏览器的视口大小,以便多种个性化的测试需要,如图所示:

Emmet Re:view自定义视口大小

Emmet Re:view的注意事项

1.Emmet Re:view插件可以窗口出自己独有的分辨率大小,以便满足用户更多的个性化需求。

2.Emmet Re:view插件可以在测试页面中同时显示多个测试结果。

Emmet Re:view的联系方式

1.由 emmet.io 提供。

查看更多

Emmet Re:view:在不同的分辨率下测试网站的显示情况下载地址

点击下载Emmet Re:view:在不同的分辨率下测试网站的显示情况

转载必须注明来自:https://huajiakeji.com/web-development/2016-05/707.html

Visual Event

Visual Event

0 人评论 24784 次人浏览 4.4分 4.4 分
Visual Event是针对chrome浏览器用户打造的一款开发插件,可以方便开发在调试网页的时候查看各种网页元素和调试信息,支持查看某个元素的事件类型,并且可以快速对文档元素进行处理。
Resolution Test

Resolution Test

0 人评论 18812 次人浏览 4.2分 4.2 分
Resolution Test是专为Chrome浏览器制作的一款窗口大小调整工具,该款插件可以用多种分辨率大小来调整浏览器窗口大小,并能通过选取多个分辨率选项来打开多个相应大小的新窗口。
Talend API Tester

Talend API Tester

0 人评论 28885 次人浏览 4.0分 4.0 分
Talend API Tester插件使调用,发现和测试HTTP和REST API变得容易。
ApiPOST - API调试管理工具

ApiPOST - API调试管理工具

0 人评论 38385 次人浏览 4.0分 4.0 分
ApiPOST是一款可直接生成文档的API调试、管理工具。2.0版本大更新,支持自定义请求头(Request Header)、查看Cookie、导出Html及Word文档等更多功能。
CSSPeeper

CSSPeeper

0 人评论 22347 次人浏览 3.6分 3.6 分
CSSPeeper是一款专为设计师量身打造的可视觉化网站CSS样式表检查插件。
评论:(0)

已有 0 位网友发表了一针见血的评论,你还等什么?