Chrome inspect无法显示Ionic Capacitor安卓应用WebView调试项求助

方案1：使用Capacitor官方配置开启调试（优先尝试） #

你手写的原生代码可能被Capacitor的默认配置覆盖，直接在项目根目录的capacitor.config.ts（或capacitor.config.json）中添加配置即可，无需修改原生代码：

// capacitor.config.ts
import { CapacitorConfig } from '@capacitor/cli';

const config: CapacitorConfig = {
  // 其他原有配置保持不变
  server: {
    androidScheme: 'https'
  },
  android: {
    // 开启WebView调试
    webContentsDebuggingEnabled: true
  }
};

export default config;

修改配置后执行npx cap sync android同步配置到原生项目，再重新构建安装应用。

方案2：检查构建变体与调试标识逻辑 #

你现有代码的判断依赖应用的FLAG_DEBUGGABLE标识，只有debug构建变体的包才会默认开启这个标识：

• 确认你安装到手机的是debug构建包，不要用release包测试
• 如果需要调试release包，临时修改原生代码，去掉条件判断，强制开启调试（正式上线前务必改回）：

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
    WebView.setWebContentsDebuggingEnabled(true); 
}

方案3：排查WebView版本兼容性问题 #

• 升级PC端Chrome到最新正式版
• 手机端进入设置→应用→找到「Android System WebView」，升级到最新版本，确保和PC端Chrome大版本号差值不超过3个主版本
• 国产定制ROM如果默认使用厂商定制WebView/ X5 WebView，需到对应WebView的官方文档开启调试权限

方案4：重置ADB连接 #

• 执行命令重启ADB服务：

adb kill-server
adb start-server

• 重新拔插USB线，确认手机弹出的调试授权弹窗选择「始终允许此计算机」

方案5：检查安卓开发者选项配置 #

• 进入手机开发者选项，找到「选择调试应用」，在列表中选中你的应用
• 开启「等待调试器」开关，重新启动应用后再查看Chrome Inspect列表

你提供的Inspect页截图如下：

内容的提问来源于stack exchange，提问作者Preetam Jakhmola