使用电脑浏览器模拟APP运行环境

本教程是使用谷歌浏览器的开发者工具进行APP环境的模拟,可以看出一些问题是网页问题还是APP框架的问题。

 

一.如果您使用的是Windows电脑,则打开谷歌浏览器

 

1.输入您手机网站地址并打开


2.点击浏览器右侧的…-更多工具-开发者工具


3.然后就打开了网站调试工具,之后点击右上方代码视图上方的 响应式设计模式 按钮


4.点击左侧的模拟设备的名称,然后点击Edit


5.点击右侧的 Add custom device

输入模拟设备名称 iPhone CK 2.0

输入UserAgent字段:Mozilla/5.0 (iPod touch; CPU iPhone OS 9_2 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Mobile/13C75 2.0.24 CK 2.0

点击Add添加按钮


6.然后点击左侧的模拟设备的名称,点击刚才创建的iPhone CK 2.0模拟


7.最后击浏览器刷新按钮,即可模拟在云打包APP打开手机网站


二.如果您使用的是Mac电脑,则打开谷歌浏览器

 

1.输入您手机网站地址并打开


2.点击 视图-开发者-开发者工具


3.然后就打开了网站调试工具,之后点击右上方代码视图上方的 响应式设计模式 按钮


4.点击左侧的模拟设备的名称,然后点击Edit


5.点击右侧的 Add custom device


6.输入模拟设备名称 iPhone CK 2.0

输入UserAgent字段:Mozilla/5.0 (iPod touch; CPU iPhone OS 9_2 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Mobile/13C75 2.0.24 CK 2.0

点击Add添加按钮


7.然后点击左侧的模拟设备的名称,点击刚才创建的iPhone CK 2.0模拟


8.最后点击浏览器刷新按钮,即可模拟在云打包APP打开手机网站