IPhone连接Safari调试找不到元素 存储空间等入口

Posted 2023-05-13

参考技术A

如果看完结论，说系统版本太低的缘故，可能大家感觉这个文章很没有意义，但是就我个人而言，当时由于电脑升级系统的时候可能比较久没有调试过，出现问题的第一时间，我认为是我IPhone的设置里面的safari调试的高级里面的开关有问题，然后我各种开关测试，重置所有设置，都没有生效，然后我另外一个设备就能正常使用，当时苦于找不到原因，然后尝试换了另外一台电脑（没留意系统，后来发现和自己的系统一样，也是没有入口，当时更加怀疑手机的问题），这个事情断断续续持续了大概1个月(找到了一台系统版本低的MAC电脑连接发现可以使用)后来才定位到是手机系统过低和MAC已经不兼容，这个文章的目的只是提醒一下大家，不需要再浪费时间在这个小的问题上，的确影响工作效率和工作心情

最近在开发过程中，由于好多业务线已经转移到H5前端页面，出现线上问题的一些显示或者其他异常，需要依赖 allow-to-task 为YES的开发包来调试在App的浏览器容器的页面，但是最近突然发现一个异常问题，Safari找不到元素模块，无法定位元素了，调试页面显示如下：
试栏没有元素，没有图形，没有时间线，也没有存储空间等信息
Mac 系统: Catalina 10.15.4 ，IPhone7: 12.4.1 （公司测试机，无法显示） IPhone X 13.3.1(可以显示)

*打开Safari,左上角Safari浏览器---偏好设置--高级---在菜单栏中显示 开发 菜单

电脑上开始调试的入口在 开发 菜单栏，连接电脑会显示当前连接的设备，选中当前设备，会显示当前打开的网页地址，就可以愉快的调试了

之前一直正常使用，突然没有入口，就会想最近的操作，唯一的1次操作就是升级过操作系统，然后去找同事找不同的测试机和不同系统的电脑组合，大概确定原因是 苹果电脑系统升级，已经不兼容低版本，网上也没找到对应的案例，当时一直没怎么注意，而且电脑系统升级了也很久，家里的电脑和公司的电脑都不显示的时候，其实2个电脑系统也有差距，当时就认为是公司测试手机被自己乱点关闭了什么入口，多次尝试，包括重置都没成功，直到找到一台碰巧的电脑系统对比才成功，Safari也不给提示，这个感觉互动很不友好，而且还因为这个事情愁了好久，问了好多小伙伴，都没人知道，在此同步一下也遇到相同问题的小伙伴，记得手机升级一下系统就可以

是否真的是系统问题只是猜测，也不确定是否我没找到官网通告，如果有其他方式可以兼容，希望小伙伴们告诉我，因为我感觉12.4.1的系统还不算很老吧，这么早放弃有点感觉不可思议

如何在 iPhone Safari 上调试网页

参考技术A iOS上调试网页或看网络请求，通常采用连接线，在Mac上使用Safari调试模式。
在iOS 15.2之后，手机Safari支持浏览器扩展，可以使用 扩展 DevTools Extension 进行调试。

DevTools Extension 支持：
1，Console - 脚本控制台，执行命令，查看输出
2，Elements - 网页元素、dom结构、css样式
3，Network - 网络请求列表
4，Resources - 查看 localStorage、sessionStorage、Cookies、脚本资源、css样式资源、图片资源
5，Source - 网页源码