Responsive响应式Web设计测试工具

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

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

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

Responsive 这是一个测试工具,可以让你看到测试网站在在同一个屏幕上看到不同的分辨率下的效果,不需要切换到不同的模式。

Screenfly Screenfly测试网页在各种移动设备和平板电脑下的渲染效果。它还可以测试电视和各种桌面分辨率的页面显示效果

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

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

Responsinator Responsinator是一种快速、简单的方法,看看你的网站在Kindle,iPhone、iPad和Android设备下的外观。它不需要下载,只是键入网站地址就OK。

Resizer Resizer是一个工具,您可以添加到你的书签栏。它包括尺寸不同的平板电脑,桌面和移动设备,并可作为一个Chrome扩展。

Bricss 您可以选择6预定义的设备大小和添加尽可能多的自定义大小。你测试网站的结果显示在一个页面上。

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

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

您可以选择一种方式赞助本站

目前评论:8   其中:访客  7   博主  1

  1. 2010年10月01日 11:19  沙发
  2. 2010年10月01日 18:55  板凳
  3. 2010年10月01日 10:34  地板
  4. 2010年10月01日 17:13  4楼
  5. 2010年10月01日 14:13  5楼
  6. 2010年10月01日 11:24  6楼
  7. 2010年10月01日 17:12  7楼
  8. 2010年10月01日 14:44  8楼
评论加载中...

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: