ipad或者苹果手机页面崩掉

Question

使用客户自己写的组件做成的搜索页面，在pc端没问题，到ipad或者苹果Safari浏览器点击后页面会崩掉。如何入手调查？

问题描述:

相关截图:

Answer 1

张轩 2024-12-12 14:30:09

同学你好 你的关键问题是怎样远程调试的问题，这里介绍两种远程调试的方式，你可以看看：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

针对 iPad 和手机端的调试，以下是几种实用的调试方法：   1 Safari 远程调试（推荐） 对于 iOS 设备，可以使用 Mac 的 Safari 浏览器进行远程调试： iOS 设备：设置 > Safari > 高级 > 打开"Web 检查器" Mac Safari：偏好设置 > 高级 > 显示"开发"菜单 用数据线连接设备和 Mac 在 Mac Safari 的"开发"菜单中选择你的设备和页面进行调试   2 vConsole 调试工具（移动端必备）// 在入口文件中引入 import VConsole from 'vconsole'; // 仅在移动端环境启用 if (/mobile|ipad|tablet/i.test(navigator.userAgent)) {   new VConsole(); } 这样可以在移动端直接看到 console 日志和网络请求等信息。

调试步骤建议：

1 2 3 4 5 6 7 8 9 10 11 12

1 先确认问题范围 是所有 iPad/Safari 都有问题还是特定版本 是否能稳定复现 具体在哪个操作步骤崩溃 2. 收集基础信息 设备型号和系统版本 浏览器版本 具体的报错信息 复现步骤 逐步排查 先用 vConsole 看基本错误日志 通过 Safari 远程调试查看详细信息

Answer 2

张轩 2024-12-08 20:53:56

同学你好

你说的 safari 是手机上的 safari 浏览器吗 ？

• 提问者 weixin_慕丝4457541 #1

  是的，pc端还好，一到手机或者ipad上面点击特定组件就崩了，页面什么都不显示，Google浏览器也是