升级Cordova及Android环境后，如何隐藏App中的URL栏？

环境信息 #

• Cordova 14.0.1
• Android Studio Narwhal (2025.1.1)
• Android SDK 35 (Android 15)
• Gradle 8.14.3、AGP 8.11.1
• 测试模拟器：Pixel 8 Pro (API 35)

问题概述 #

升级环境后，通过window.open()打开外部页面时，页面正常显示但状态栏和URL栏无法隐藏；尝试cordova-custom-config配置全屏主题无效，改用InAppBrowser插件后出现灰色屏幕。

解决方案 #

一、修复InAppBrowser配置（解决灰色屏幕）

你之前的调用参数格式错误，按以下步骤调整：

1. 确保插件安装正确：

cordova plugin add cordova-plugin-inappbrowser

2. 修正JS调用代码（注意引号和参数顺序）：

// 在app.initialize()后添加
var ref = cordova.InAppBrowser.open('https://mydomainpage', '_self', 'location=no,fullscreen=yes');

• _self：替换当前Cordova WebView（需新开窗口则用_blank）
• location=no：强制隐藏URL栏
• fullscreen=yes：隐藏状态栏并全屏显示

3. 移除config.xml中手动添加的InAppBrowser feature标签，插件安装后会自动注入配置，手动添加易引发冲突。

二、替换cordova-custom-config，直接配置Android全屏主题

高版本Cordova对cordova-custom-config兼容性差，直接修改原生配置更可靠：

1. 在项目根目录的config.xml（非app/src/main/res/xml/config.xml）中添加：

<preference name="AndroidFullScreen" value="true" />
<preference name="android-manifest/application/activity/@android:theme" value="@style/AppTheme.FullScreen" />

2. 修改platforms/android/app/src/main/res/values/styles.xml，添加适配API 35的全屏主题：

<style name="AppTheme.FullScreen" parent="Theme.MaterialComponents.Light.NoActionBar">
    <item name="android:windowFullscreen">true</item>
    <item name="android:windowContentOverlay">@null</item>
    <item name="android:windowTranslucentStatus">false</item>
</style>

• 用Theme.MaterialComponents系列主题替代旧版Theme.Light，适配Android 15的系统要求。

三、Gradle/AGP适配调整

高版本AGP对配置检查更严格，需确认：

1. 在platforms/android/app/build.gradle中锁定SDK版本：

android {
    compileSdkVersion 35
    defaultConfig {
        targetSdkVersion 35
    }
}

2. 卸载冲突插件：

cordova plugin remove cordova-custom-config

四、测试验证

1. 清理项目缓存：

cordova clean android

2. 重新构建运行：

cordova run android --device

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