【真机调试】前端开发：移动端特殊手机型号有问题，如何在电脑上进行调试？

前言

edge浏览器
edge://inspect/#devices

谷歌浏览器（开tizi）
chrome://inspect

Android 设备

打开设备的"设置"应用。

滚动找到"关于手机"或"关于设备"并点击进入。

在"关于手机"菜单中，找到"版本号"或"构建号"并连续点击它七次。每次点击后，会有提示告诉你距离成为开发者模式还有多少次点击。

点击七次后，会提示"您现在是开发者了"。

返回"设置"菜单，你现在应该能看到"开发者选项"。

进入"开发者选项"，你可以开启USB调试和其他选项。
iOS 设备

iOS 设备没有像Android那样的"开发者模式"，但你可以通过以下方式进行开发和调试：

在电脑上安装Xcode，这是苹果官方的集成开发环境（IDE）。

下载并安装Apple Developer应用到你的iOS设备上，用于管理开发者账户和设备。

在Xcode中，你可以连接你的iOS设备并开始调试你的应用。

确保设备连接
使用USB线将你的设备连接到开发机器。
确保你的设备已经开启了开发者模式或USB调试模式（对于Android设备）。
使用浏览器的远程调试功能
大多数现代浏览器（如Chrome、Firefox）都支持远程调试功能，允许你在电脑上查看和调试连接到同一网络的设备上的网页。
对于Chrome：
在电脑上打开Chrome浏览器。

bash 复制代码

访问 chrome://inspect 。

确保你的设备和电脑连接到同一个Wi-Fi网络。

在设备上打开你想要调试的网页（可以通过扫描二维码或输入IP地址的方式）。

在 chrome://inspect 页面上，你应该能看到你的设备和打开的网页列表。点击"inspect"链接开始调试。

对于Firefox：

在电脑上打开Firefox浏览器。
访问 about:debugging 。

确保你的设备和电脑连接到同一个Wi-Fi网络。

在设备上打开你想要调试的网页。

在 about:debugging 页面上，点击"This Firefox"下的"Connect"按钮，然后在设备上确认连接。

在设备上打开你想要调试的网页，它应该出现在 about:debugging 页面的"Devices"列表中。点击"inspect"链接开始调试。

苹果手机操作步骤：

希望我的分享能够帮助到更多的人，如果觉得我的分享有帮助的话，请大家一键三连支持一下哦~
❤️原创不易，期待你的关注与支持~
点赞👍+收藏⭐️+评论✍️
😊之后我会继续更新前端学习小知识，关注我不迷路~