ipad或者苹果手机页面崩掉

来源:2-1 什么是 Typescript

weixin_慕丝4457541

2024-12-07

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

问题描述:

相关截图:
写回答

2回答

张轩

2024-12-12

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

针对 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 远程调试查看详细信息


1
0

张轩

2024-12-08

同学你好

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

0
1
weixin_慕丝4457541
是的,pc端还好,一到手机或者ipad上面点击特定组件就崩了,页面什么都不显示,Google浏览器也是
2024-12-09
共1条回复

React18+TS高仿AntD从零到一打造组件库

设计,开发,测试,发布再到 CI/CD,从0到1造轮子

2124 学习 · 959 问题

查看课程