如何在mac上开启iOS模拟器进行调试代码

做h5项目的时候在本地浏览器正常,安卓正常,但是iOS不正常,发现是兼容性的问题,但是奈何没有苹果手机,就搞了好久,现在来搞搞如何在Mac里开启iOS模拟器进行调试代码。

1. 下载安装xcode
安装的注意事项是下载的版本需要与Mac系统兼容。
2. 打开xcode
新建一个文件,选择iOS的单页面即可。如何在mac上开启iOS模拟器进行调试代码
如何在mac上开启iOS模拟器进行调试代码
然后点击左上角的Xcode下的Open Developer Tool下的Simulator,就会出来一个iOS手机模拟器,然后在模拟器的safari浏览器里打开要调试的页面。

3. 在Mac电脑上打开Safari浏览器的开发者模式:
点击"Safari浏览器"之后点击左上角的"偏好设置",打开高级勾选最底下的"在菜单栏中显示开发菜单"。
如何在mac上开启iOS模拟器进行调试代码
4.然后点击菜单栏中的开发菜单,选择图下:
如何在mac上开启iOS模拟器进行调试代码
5.在下图进行调试:
如何在mac上开启iOS模拟器进行调试代码

就可以知道页面在地方报错,iOS和安卓兼容问题目前遇到的有:
①时间兼容问题,安卓能识别/或者-格式的时间,而iOS只能识别/格式的时间,所以一般写成new Date().replace(/-/g,’/’);有意思的是在iOS中new Date(“2020-12-12 09:00:00”)会成为Invalid Time,而new Date(“2020-12-12”)是会生成标准时间的。
②上传图片的跨域问题,这个还没整理好,到时再单独记录。