ipad或者苹果手机页面崩掉

Question

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

问题描述:

相关截图:

Answer 1

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

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

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

Answer 2

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

同学你好

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

• 提问者 weixin_慕丝4457541 #1

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