提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
文章目录
- 前言
- 一、Responsinator是什么?
- 二、使用步骤
- 1.打开在线测试工具网址
- 2.在头部输入要测试网页地址
- 总结
前言
提示:这里可以添加本文要记录的大概内容:
随着移动互联网的越来越普遍,网站做出来不能直接就全面上线,不同终端预览效果、网页性能、网页兼容性…等等都很大程度上决定了用户体验,最终决定 手机网站的成功,而且就算已经上线,也需要不断的去检测与调整。因此,我们需要一些工具来预览和测试移动网站,下面就给大家推荐一个手机网站在线预览 测试工具
提示:以下是本篇文章正文内容,下面案例可供参考
一、Responsinator是什么?
打开Responsinator这个网站,在上端的输入框中输入你想测试的网站URL,接下来点击搜索框旁边的GO按钮就可以在各种移动设备模拟器上看到你网站的预览效果了!而且手机网站在每个移动设备模拟器上是实时同步更新的时间。
Responsinator上集合了包括 iPhone、Android、iPad、Kindle 在内的多种模拟器。并且同时提供了每款模拟器的横、竖屏、及对应尺寸。方便用户真实预览,测试手机版网站在每个移动设备上的效果。
二、使用步骤
1.打开在线测试工具网址
2.在头部输入要测试网页地址
http://scck2dev02:8081/ 1、IPhone竖屏的
2、IPhone横屏的下
3、安卓横屏下
iPhone、Android、iPad、Kindle 在内的多种模拟器就不一一介绍了
总结
记录点点滴滴,本测试网址在手机横屏下布局还算正常,竖屏布局就有些局促了挤压了