响应式网页设计测试工具

///响应式网页设计测试工具

您的网站是不是响应式的,使用一下工具可以测试一下:

Opera Mobile Emulator   Opera Mobile Emulator 是一款电脑上模拟移动设备的浏览器 。顾名思义,它就是 Opera Mobile 的“模拟器”。简单来说,它能在你的电脑上模拟各种手机、平板等设备去访问网站。它原本是用来给开发者开发与测试移动平台设计网页用的,可以100%重现 Opera Mobile 手机浏览器的效果,几乎和真实版本没有任何区别。如果你要在电脑上浏览WAP页面、手机版网站,它也是不错的选择……

Responsive Design Bookmarklet  这是一个用于测试响应式网站的便利工具,把它加入书签就可以了。

Responsive Tables Responsive Tables是个CSS/JS的组合,可以帮助你设计响应式的布局,至于它能做什么就看你想做什么了。

  1. Responsive 这是一个测试工具,可以让你看到测试网站在同一个屏幕上看到不同的分辨率下的效果,不需要切换到不同的模式。
  2. Screenfly Screenfly测试网页在各种移动设备和平板电脑下的渲染效果。还可以测试电视和各种桌面分辨率的页面显示效果。

RWD Demonstration  测试web页面在iPhone、iPad和桌面下效果。

Resize My Browser  是一个可以调整浏览器大小的在线工具,可以让你改变当前的浏览器设置和自定义的预设。它显示的屏幕分辨率为15个不同的设备。而且还可以随时自定义你需要的分辨率,来改变你显示器的设置。

  1. Responsinator Responsinator是一种快速、简单的方法查看你的网站在Kindle、iPhone、iPad和Android设备下的外观。它不需要下载,只是键入网站地址就OK。
  2. Resizer Resizer是一个工具,可以添加到你的书签栏。它包括尺寸不同的平板电脑,桌面和移动设备,并可作为Chrome的一个扩展。
  3. Bricss 可以选择6预定义的设备大小和添加尽可能多的自定义大小,测试网站的结果显示在一个页面上。

Screenqueri.es Screenqueri.es是一个更全面的工具,显示了一个网站在特定的设备接口视图。超过25个设备出现,还有一个工具来拍下一个快照,方便你解决问题。

  1. ResponsivePX ResponsivePX允许您快速测试一个网站在不同的宽度和高度,可以定制不同尺寸。

外贸网站建设/响应式网页设计专家—新龙,是您互联网商业应用的好伙伴!

2017-07-04T00:16:47+00:00网站建设/网页设计研究|