现在很多WordPress主题都已经是响应式主题了,不过对于某些想开发移动端WordPress主题,或想修改响应式主题的博主们,不懂如何测试主题在移动端的表现,从而开发/折腾出来的响应式主题在移动端表现得有些糟糕,所以今天特意分享我常用的一款测试移动端主题的工具给大家。
Responsinator其实是一个在线预览目标网站移动版效果的网站,我们无需注册,只需要在网站首页左上角的Enter your site中输入我们的域名,然后回车即可看到我们网站在各个设备及尺寸上的效果。
Responsinator官网地址:http://www.responsinator.com/
Responsinator集合了包括 iPhone、Android、iPad、Kindle 在内的多种模拟器,让我们可以看到每款设备的横、竖屏、及对应尺寸。方便开发者、前端设计师以及站长在其上真实预览,测试手机版网站在每个移动设备上的效果。
有了这个Responsinator,我们就不用通过多个手机终端来测试我们的WordPress主题在移动端的效果,我们只需要输入我们的网址就可以在不同设备、不同尺寸下看到我们的主题效果。并且能够根据这些现实出来的效果进行调整和改善我们的主题,以其做到最完美的地步。
我在折腾Three主题和Unite主题的时候,也是通过这个Responsinator来帮忙,发现那个尺寸显示的效果不好,就马上解决,最终才能做成目前这个样子。
其实,对于这种类型的工具还有很多,我就不一一介绍了,毕竟我只用过这个Responsinator,感觉这个Responsinator已经能够满足一般人的需要了。
发表于2015-11-12 07:43 沙发
工具不错 收录了
@videoclub[呲牙] 这款工具比较适合测试响应式主题的效果
发表于2015-11-12 10:07 板凳
其实chrome也有这个功能,一般人我不告诉他!
@李阳博客[呲牙] 这个我还真不懂,我就用过这个工具,感觉挺不错的
发表于2015-11-12 10:15 地板
果然你这程序的插件工具都是多一些
@微童年[呲牙] WordPress的插件和工具还是有很多的,值得折腾
发表于2015-11-12 12:48 4楼
还不错 [呲牙] 各种样式都展现出来了
@豪杰博客是的,方便调试我们的移动端效果
发表于2015-11-12 16:27 5楼
我经常用火狐测试手机端,基本上火狐没问题了就可以了。
@192.168.1.1这个是测试手机端各个设备的各个尺寸的效果,火狐应该没有这个功能吧?
发表于2015-11-12 20:17 6楼
完全就是一个电脑版的手机浏览器啊
@滕绍武博客可以这么说,有了他就可以方便我们调试移动端效果了
发表于2015-11-13 00:41 7楼
试了下,果然是神器,对我来说没啥用。
@灰常记忆[呲牙] 一般人很少用到的,我也就是在折腾主题的时候用一下而已,平时从不使用
发表于2015-11-13 09:10 8楼
这个工具我用不上,自己不懂技术
@优妈妈博客这个工具一般想折腾响应式主题的时候才用到,平时我也不用的
发表于2015-11-13 13:18 9楼
博主开发的主题还是很不做的。。。。
@微部落博客[呲牙] 谢谢夸奖,其实也是学习知更鸟的
发表于2015-11-13 18:26 10楼
这个网址我好想以前就用过!其实Chrome浏览器也可以模拟手机的!
@明月登楼其实这种工具有很多,这个只是我平时使用的工具,其他的我倒没试过,毕竟很少用到
发表于2015-11-14 11:07 11楼
确实不错,我做了自适应终端”历史上的今天”,测试老费劲,下次用这个。
@中国历史[呲牙] 工欲善其事必先利其器,搞移动端的还是要借助工具才行
发表于2015-12-03 23:50 12楼
太好了已收藏
@森林之家[呲牙] 如果折腾主题的,这个工具还是不错的