Mac——基于Similator和Safari调试页面

前言

最近在开发移动端,需要在iphone环境下做一些调试,查看下是否有问题,但是手头上没有真机,不过当前主力本换成了Mac,所以就可以先用Simulator来调试下;

macOS Sonoma: 14.6.1(23G93)

内容

主要基于simulatorSafari来实现完整的配合调试,Simulator模拟设备,Safari进行调试;

创建设备

打开聚焦搜索(command+空格),输入simulator打开应用后,可以在File->Open Simulator下选择你需要模拟的设备,如下图所示;
2024-09-06T05:53:59.png

如果没有你需要模拟的设备,你可以同样点击File->New Simulator创建一个新的设备,通过选择Device Type来确定要模拟的设备类型,创建后设备默认不会自动打开,依然要在File->Open Simulator下去选择打开;

2024-09-06T05:54:10.png

调试页面

如果Mac端的Safari没有打开显示网页开发者功能,记得先打开下;

开发->开发者设置->高级->勾选显示网页开发者功能

调试的时候,请务必按着以下的操作步骤进行操作:

  1. simulator下,先打开模拟器
  2. 打开模拟器中的Safari浏览器,输入要调试的项目地址
  3. 打开Mac下的Safari浏览器,选择对应的设备并点击页面,即可进行调试;

2024-09-06T05:54:25.png

2024-09-06T05:54:36.png

posted @ 2024-09-06 13:54:40 王洋 阅读(210) 评论(4)

  1. #1楼 2024-10-04 22:12 diekqcsfwa Windows 10.0 Sogou 2.X 中国 浙江省 舟山市 电信


    看的我热血沸腾啊https://www.ea55.com/

  2. #2楼 2024-10-01 21:32 zmhnhzqcjh Windows 10.0 Sogou 2.X 中国 浙江省 舟山市 电信


    看的我热血沸腾啊https://www.237fa.com/

  3. #3楼 2024-09-27 13:42 amukhlukgj Windows 10.0 Sogou 2.X 中国 北京 北京市 电信


    怎么收藏这篇文章?

  4. #4楼 2024-09-22 19:19 kcdilfwrgi Windows 10.0 Sogou 2.X 中国 贵州省 遵义市 联通


    博主真是太厉害了!!!

发表评论
昵称
邮箱
网址