当前位置：首页 > article >正文

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

article 2025/1/22 17:45:43

前言

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浏览器。

访问 chrome://inspect 。

确保你的设备和电脑连接到同一个Wi-Fi网络。
在设备上打开你想要调试的网页（可以通过扫描二维码或输入IP地址的方式）。
在 chrome://inspect 页面上，你应该能看到你的设备和打开的网页列表。点击“inspect”链接开始调试。
对于Firefox：
在电脑上打开Firefox浏览器。
访问 about:debugging 。
确保你的设备和电脑连接到同一个Wi-Fi网络。
在设备上打开你想要调试的网页。
在 about:debugging 页面上，点击“This Firefox”下的“Connect”按钮，然后在设备上确认连接。
在设备上打开你想要调试的网页，它应该出现在 about:debugging 页面的“Devices”列表中。点击“inspect”链接开始调试。
在这里插入图片描述