移动端真机调试方法

xjq7 · Sep 26, 2023 · bc0a7a0 · bc0a7a0
1 parent 56a7b3c
commit bc0a7a0
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/docs/.vitepress/sidebar.ts b/docs/.vitepress/sidebar.ts
@@ -49,6 +49,10 @@ export default [
         text: 'Vscode',
         link: '/FrontEnd/Vscode',
       },
+      {
+        text: '移动端真机调试',
+        link: '/FrontEnd/MobileDebug',
+      },
       {
         text: '记录图床项目部署',
         link: '/FrontEnd/Deploy-img',

diff --git a/docs/FrontEnd/MobileDebug.md b/docs/FrontEnd/MobileDebug.md
@@ -0,0 +1,13 @@
+[[toc]]
+
+## Android
+
+1. 开发者选项中开启 USB 调试
+2. 在弹出来 USB 调试授权中允许, 如果没弹出来, 拔掉数据线重新连接试试
+3. 在 chrome 中访问 chrome://inspect/#devices, 可以看到手机设备以及连接的网页, 点击 inspect 即可调试
+
+## IOS
+
+1. 在 MacOS 上使用数据线连接手机
+2. 打开手机设置找到 Safari 浏览器, 进入 高级, 开启网页检查器
+3. 在 MacOS 中 Safari 浏览器中 开发 中 可以找到连接的设备, 再点击调试对应的 Web 页面