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


文章目录

  • 前言
  • 一、Responsinator是什么?
  • 二、使用步骤
  • 1.打开在线测试工具网址
  • 2.在头部输入要测试网页地址
  • 总结



前言

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

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


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

一、Responsinator是什么?

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

二、使用步骤

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

Android怎么模拟在线功能_前端

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

http://scck2dev02:8081/ 1、IPhone竖屏的
Android怎么模拟在线功能_spring boot_02
2、IPhone横屏的下
Android怎么模拟在线功能_前端_03
3、安卓横屏下
Android怎么模拟在线功能_spring boot_04
iPhone、Android、iPad、Kindle 在内的多种模拟器就不一一介绍了

总结

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