必须通过Chrome Remote Devices建立USB直连调试通道才能实时修改安卓手机网页的HTML、CSS和JS；需开启开发者选项与USB调试，授权“始终允许”，设USB模式为文件传输，电脑端启用chrome://inspect并安装ADB驱动，最后在手机Chrome打开目标页后于电脑端点击inspect即可双向实时调试。
要在开发过程中实时查看并修改安卓手机上网页的HTML结构、CSS样式和JavaScript行为，必须通过Chrome的Remote Devices功能建立USB直连调试通道，否则所有修改只能停留在本地模拟器中，无法验证真实设备表现。
开启安卓手机开发者选项与USB调试
进入手机【设置】→【关于手机】→连续点击【版本号】7次，直到屏幕弹出“您现在处于开发者模式”的提示。
返回上一级，找到新出现的【开发者选项】并点进去，向下滚动找到【USB调试】，将其开关打开。
此时手机会弹出授权窗口，显示一串指纹字符，【务必勾选“始终允许”并点确定】，否则每次重启或重连都会重复弹窗，打断调试流程。
若未弹出授权框，请先用USB线连接电脑，再检查手机通知栏——有时提示藏在下拉菜单里；还有一种常见情况是USB连接模式不对，需下拉通知栏，将当前连接方式从“仅充电”改为“文件传输（MTP）”。
电脑端Chrome启用Remote Devices并识别设备
用USB线将手机与电脑直连，中间不经过任何USB集线器。
在电脑Chrome浏览器地址栏输入 chrome://inspect 并回车。
确保页面右上角的【Discover USB devices】已打钩，这是识别安卓设备的前提开关，未启用则整个列表为空。
如果页面下方“Configure…”按钮旁显示“Not available”，说明电脑缺少对应手机厂商的ADB驱动——此时可临时安装“华为手机助手”“小米助手”或“Google USB Driver”任一即可，装完后刷新页面通常立即生效。
调试目标页面并开始操作
第一步：在安卓手机Chrome中手动打开你要调试的网页，比如 http://192.168.1.100:3000。
第二步：回到电脑 chrome://inspect 页面，稍等3～5秒，页面自动列出设备型号及已打开的标签页。
第三步：在对应网页条目右侧点击【inspect】，一个完整的DevTools窗口弹出，界面与调试PC网页完全一致。
此时你在Elements面板中双击任意文本，直接编辑并回车，手机屏幕上的内容会实时更新；在Console中执行 document.body.style.background = 'red'，手机页面背景立刻变红——这说明调试通道已全链路打通。
