混合应用怎么调试
开发混合应用时，页面在手机上跑不起来、点击没反应、数据加载不出来，这些问题太常见了。光靠 console.log 打印信息效率低，还看不出问题根源。得用对方法，才能快速定位。
使用 Chrome DevTools 调试 Android 应用
安卓手机连上电脑，打开开发者模式和 USB 调试，然后在 Chrome 地址栏输入 chrome://inspect，就能看到设备上正在运行的 WebView 页面。点“inspect”就能像调试网页一样查看元素、执行 JS、看网络请求。
注意：确保应用中的 WebView 开启了调试开关。在 Android 代码中加入：
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
WebView.setWebContentsDebuggingEnabled(true);
}不然 chrome://inspect 根本看不到你的页面。
iOS 设备用 Safari 调试
苹果用户别急着装第三方工具。iPhone 连上 Mac，在设置里打开“Web 检查器”，然后在 Safari 的“开发”菜单里就能看到连接的设备和页面。选中对应页面，就能调出和 Chrome 类似的开发者工具。
如果菜单没出现，去 Safari 偏好设置 -> 高级，勾上“在菜单栏中显示开发菜单”。
利用本地模拟结合远程调试
很多问题是真机才暴露，但本地改代码又不方便。可以用 Cordova 或 Capacitor 搭建本地服务，通过 ionic serve 启动开发服务器，再让手机访问局域网 IP 地址。这样改完代码自动刷新，还能配合远程调试看效果。
比如启动后看到地址是 http://192.168.1.100:8100，手机连同一个 Wi-Fi，浏览器或 WebView 访问这个地址就行。
捕获原生与 JS 通信异常
混合应用常通过 JSBridge 调用摄像头、定位等原生功能。如果调用无响应，先检查是否注册了正确的事件监听。例如 Cordova 插件没安装成功，或者权限没授权，JS 调了方法但原生层根本没收到。
可以在原生代码里加日志输出，Android 用 Log.d，iOS 用 NSLog，确认方法是否被触发。同时在 JS 层加上 error 回调：
navigator.camera.getPicture(
function(imageURI) { console.log("成功", imageURI); },
function(message) { console.error("失败", message); },
{ quality: 50 }
);别让错误静默消失。
用 Weinre 做远程页面调试
某些老旧系统或特殊环境不支持主流远程调试，可以引入 Weinre。它是一个远程调试服务器，把一段 JS 脚本注入页面，就能在浏览器里查看 DOM 和控制台。
虽然界面简陋，但在无法使用 Chrome inspect 的场景下，至少能看清 JS 报错和结构问题。
打印日志别只靠 console.log
真机运行时，console 输出可能被忽略或截断。建议把关键信息写进页面某个 div 里，或者用 LocalStorage 临时存储状态，方便事后排查。
也可以集成简单的日志库，把错误自动上报到后台，尤其适合测试人员反馈问题时附带日志。