首页

关于

帮助你在不同尺寸屏幕下浏览网站效果的工具 - Responsivator

Responsivator

如果你需要开发响应式的网站的话,使用一个必要的浏览工具来检验不同尺寸屏幕下显示效果还是非常有用的,相信你肯定还记得我们以前给大家推荐的响应式网站测试工具 - Screenqueri.es,这个工具可以有效的帮助你模拟iphone,ipad等设备的浏览效果。

在今天的这篇文章中,我们再给大家介绍另外一个不错的在线工具 - Responsivator,和Screenqueri.es不同的地方在于,它提供了很多不同的尺寸屏幕的展示效果,你只需要提供一个url,就可以看到你的网站在不同的屏幕下的显示效果。这里我们使用手机版GBin1:http://m.gbin1.com,效果如下:

Responsivator

Responsivator

最棒的地方在于,你可以把所浏览的网站地址分享给你的朋友。这样别人也能看到不同尺寸屏幕下的显示效果。

 

标签: responsive layout, 响应式设计, responsive layout testing tool, 响应式工具, Responsivator

阅读更多

【简报】超棒的javascript响应式视图(viewport)切换工具类库

超棒的响应式视图(viewport)切换工具javascript工具

ReView是一个动态的viewport系统,能够帮助你设计更灵活的响应式视图选择方式,可能大家有的时候不希望网站布局在不同的设备上的显示不同的布局结构,这个时候viewport就可以派上用场了。

Review 是一个纯javascript实现的类库,针对每一个session提供单独的持久viewport信息。更少的请求使得它要求更少的带宽。支持插件式的 扩展,并且可以支持自定义viewportChange事件。 相信如果你需要开发定制更灵活的响应式设计网站布局的话,它肯定能够成为你的一大利器。

网站地址:http://responsiveviewport.com/

标签: 响应式, responsive, responsive design, responsive layout

阅读更多

分享一个帮助你在线测试响应式设计的web工具 - Screenqueri.es

如果你使用responsive layout来设计网站或者web应用的话,如何有效的在不同的设备上进行测试是一个比较麻烦的事情,今天我们这里给大家分享一个在线测试responsive布局的设计工具 - Screenqueri.es,能够有效的帮助你测试不同分辨率下网站的视图,希望大家喜欢!

分享一个帮助你在线测试响应式设计的web工具 - Screenqueri.es

分享一个帮助你在线测试响应式设计的web工具 - Screenqueri.es

使用这个工具非常简单,你提供一个需要进行测试的网站或者url,比如,本地地址:http://localhost:8080或者其它在线的网站例如GBin1.com,然后再选择你需要展示的设备类型,例如,ipad,iphone,然后点击"view"即可看到效果。

主要特性

  • 支持众多的设备,包括手机设备,iphone,Galaxy Note,HTC,Blackberry torch等
  • 平板电脑ipad,Galaxy Tab10.1, Sony Tablet,blackberry,kindle,HP Slate500,HTC Flyer等等。
  • 支持设备旋转横屏,竖屏测试
  • 支持保存,并且分享给你的朋友

分享一个帮助你在线测试响应式设计的web工具 - Screenqueri.es

分享一个帮助你在线测试响应式设计的web工具 - Screenqueri.es

标签: responsive layout, 响应式设计, responsive layout testing tool, Screenqueri.es

阅读更多

标签

© Copywrite by gbin1.com, all rights reserved.