IOS模拟器
Xcode下载:https://apps.apple.com/cn/app/xcode/id497799835?mt=12
打开模拟器:
选择不同IOS模拟器:
Android模拟器
Android Studio下载:https://developer.android.com/studio
打开模拟器:
选择不同模拟器:
可以查看不同手机型号的屏幕尺寸设置不同的模拟器:https://uiiiuiii.com/screen/
iOS使用xcode模拟器 调试webView/H5页面
模拟器和mac都已按照Safari。
-
打开mac自带的Safari -> 偏好设置… -> 高级 -> 勾选在菜单栏显示“开发”菜单。
-
在顶部菜单的开发->iPhone,看见对应模拟器上Safari打开的页面,点击展开开发者工具,即可在电脑上调试移动端页面。
具体步骤:https://www.jianshu.com/p/09fc95d20483
Android模拟器进行webView/H5
页面调试
模拟器和电脑都已安装chrome浏览器。
-
手机chrome浏览器打开要调试的页面。
-
电脑chrome浏览器打开:chrome://inspect/#devices
-
点击对应页面的inspect,打开调试页面。