收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 15774|回复: 2

[设计] 10款实用型响应式设计测试工具

[复制链接]
发表于 2013-11-1 10:41:08 | 显示全部楼层 |阅读模式
自 Ethan Marcotte 2010年提出响应式设计理念以来,勤劳的小伙伴们就一直在响应式网页设计的道路上孜孜不倦的探索着。这几年网络上出现了五花八门的响应式设计工具,反而让小伙伴们不知道如何选择。之前,小编跟大家介绍过10个超棒的响应式Web设计工具,今天再跟大家推荐10款超实用的响应式设计测试工具,相信能提升你的测试效率。

Responsive Design Testing

这个上次那篇文章就跟大家介绍过,只需要输入网址,就可以查看相应的响应性。



Viewport Resizer

这个工具被公认是最好用的响应式测试工具之一,它可以完全由用户自定义测试任何网站的响应能力。只需要将它保存为书签,就可以随意测试各种网页。



Resizer

这个工具的使用方法和Viewport Resizer是一样的,首先将它保存到书签栏。在要测试的网页点击它就可以了。



Ish.

Ish.号称是另一个viewport resizer,它最大的亮点就是对屏幕分辨率没有限制。



BrowserStack

它是在线跨浏览器测试工具,为测试者、开发者和设计师提供了一个检测Web app的云端平台,已经有超过200000人用过这个工具哦。



Screenqueri.es

这个工具可以帮助测试网页的像素,它支持30多种分辨率的测试,你还可以重新调整窗口大小然后测试不同分辨率下的像素。



CyberCrab

如果你需要测试网站在不同屏幕分辨率下的效果,这个工具你一定不要错过。



Edge Reflow

这个工具被很多使用CSS样式的设计师使用。有了这个工具,Web设计师们再也不用担心网站在移动和桌面屏幕的显示问题了。



StudioPress Responsive Testing Tool

这款也是很多设计师喜欢的在线测试工具,在一个页面展现出不同尺寸的设计效果。



Responsive Design Bookmarklet

这个工具也是将它存为书签后,点击书签就可以对当前网页进行测试。



本帖被以下淘专辑推荐:

  • · 进阶|主题: 19, 订阅: 1
发表于 2013-11-3 17:52:03 | 显示全部楼层
谢谢楼主分享,收藏了,慢慢研究一下
回复 支持 反对

使用道具 举报

发表于 2014-10-24 09:28:37 | 显示全部楼层
好复杂好复杂
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( ICP05002321 )  

GMT+8, 2019-10-23 11:18 , Processed in 0.093514 second(s), 9 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表