APP手机设备模拟器在线测试工具Responsinator

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档


前言

提示:这里可以添加本文要记录的大概内容:

随着移动互联网的越来越普遍,网站做出来不能直接就全面上线,不同终端预览效果、网页性能、网页兼容性…等等都很大程度上决定了用户体验,最终决定 手机网站的成功,而且就算已经上线,也需要不断的去检测与调整。因此,我们需要一些工具来预览和测试移动网站,下面就给大家推荐一个手机网站在线预览 测试工具


提示:以下是本篇文章正文内容,下面案例可供参考

一、Responsinator是什么?

  打开Responsinator这个网站,在上端的输入框中输入你想测试的网站URL,接下来点击搜索框旁边的GO按钮就可以在各种移动设备模拟器上看到你网站的预览效果了!而且手机网站在每个移动设备模拟器上是实时同步更新的时间。
 Responsinator上集合了包括 iPhone、Android、iPad、Kindle 在内的多种模拟器。并且同时提供了每款模拟器的横、竖屏、及对应尺寸。方便用户真实预览,测试手机版网站在每个移动设备上的效果。

二、使用步骤

1.打开在线测试工具网址

在这里插入图片描述

2.在头部输入要测试网页地址

http://scck2dev02:8081/
1、IPhone竖屏的
在这里插入图片描述
2、IPhone横屏的下
在这里插入图片描述
3、安卓横屏下
在这里插入图片描述
iPhone、Android、iPad、Kindle 在内的多种模拟器就不一一介绍了

总结

记录点点滴滴,本测试网址在手机横屏下布局还算正常,竖屏布局就有些局促了挤压了


版权声明:本文为panda_225400原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。