删除TWA中的浏览器URL栏

Remove browser URL bar in TWA

提问人:Fakt309 提问时间:8/27/2023 最后编辑:grimsteelFakt309 更新时间:8/29/2023 访问量:116

问:

我创建了一个 PWA,一切正常,但是当我将其转换为 TWA 并将其发布到 Google Play 上时,应用程序上出现了一个浏览器 URL 栏。我怎样才能删除它?清单设置为模式。standalone

我用气泡膜构建了它。

beresta.app:
enter image description here

这是我在 twa 中的清单twa-manifest.json

{
  "packageId": "app.beresta.twa",
  "host": "beresta.app",
  "name": "береста",
  "launcherName": "береста",
  "display": "standalone",
  "themeColor": "#473C33",
  "themeColorDark": "#000000",
  "navigationColor": "#000000",
  "navigationColorDark": "#000000",
  "navigationDividerColor": "#000000",
  "navigationDividerColorDark": "#000000",
  "backgroundColor": "#473C33",
  "enableNotifications": true,
  "startUrl": "/",
  "iconUrl": "https://beresta.app/assets/icons/icon-512x512.png",
  "maskableIconUrl": "https://beresta.app/assets/icons/icon-512x512.png",
  "splashScreenFadeOutDuration": 300,
  "signingKey": {
    "path": "C:\\repos\\beresta-gp\\android.keystore",
    "alias": "android"
  },
  "appVersionName": "1",
  "appVersionCode": 1,
  "shortcuts": [],
  "generatorApp": "bubblewrap-cli",
  "webManifestUrl": "https://beresta.app/manifest.webmanifest",
  "fallbackType": "customtabs",
  "features": {},
  "alphaDependencies": {
    "enabled": false
  },
  "enableSiteSettingsShortcut": true,
  "isChromeOSOnly": false,
  "isMetaQuest": false,
  "fullScopeUrl": "https://beresta.app/",
  "minSdkVersion": 19,
  "orientation": "default",
  "fingerprints": [],
  "additionalTrustedOrigins": [],
  "retainedBundles": [],
  "appVersion": "1"
}
Android 渐进式网络应用 受信任的网络活动

评论


答:

1赞 grimsteel 8/28/2023 #1

根据文档,当浏览器无法验证您的数字资产链接时,就会发生这种情况。(这些是您证明您拥有该网站的方式):

当您启动受信任的 Web 活动时,浏览器将检查数字资产链接是否检出,这称为验证。如果验证失败,浏览器将回退到将您的网站显示为自定义选项卡。

您需要创建一个文件并将其上传到 .assetlinks.jsonhttps://beresta.app/.well-known/assetlinks.json

有关如何创建此文件及其包含的内容的详细信息:https://developer.chrome.com/docs/android/trusted-web-activity/android-for-web-devs/#digital-asset-links