TWA 沉浸模式

时间:2021-03-01 23:42:12

标签: progressive-web-apps trusted-web-activity

现在已经一周了,一直在寻找一种方法来制作由 PWA 制作并上传到谷歌商店的 TWA 应用程序,以沉浸式模式工作。

根据https://bugs.chromium.org/p/chromium/issues/detail?id=965329,这个东西是从chrome 80版开始实现的,但是我找不到实现它的方法!

我制作了数字资产并在 google toolPeter's Asset Link Tool

上对其进行了验证

我的数字资产代码托管 https://mal-war.com/.well-known/assetlinks.json :

[
{
    "relation": [
        "delegate_permission/common.handle_all_urls"
    ],
    "target": {
        "namespace": "android_app",
        "package_name": "com.example.maliciouswar",
        "sha256_cert_fingerprints": [
            "F7:AC:EF:00:9B:58:E0:63:81:CA:5C:D0:7B:68:B8:90:9B:DD:BA:A8:3A:08:87:27:3E:81:38:66:CB:55:DC:39"
        ]
    }
}

]

并在string.xml上

<resources>
    <string name="app_name">Malicious War</string>
    <string name="asset_statements">
        [{
            \"relation\": [\"delegate_permission/common.handle_all_urls\"],
            \"target\": {
                \"namespace\": \"web\",
                \"site\": \"https://mal-war.com\"}
        }]
    </string>
</resources>

我也尝试使用 https://www.pwabuilder.com/ ,但在我的 android 设备和模拟器上都无法在 immorsive 模式下工作。

1 个答案:

答案 0 :(得分:0)

我终于找到了解决方案,是通过添加这一行:

            <meta-data android:name="android.support.customtabs.trusted.DISPLAY_MODE"
            android:value="immersive"/>

AndroidManifest.xml

还有其他很棒的元标记,您可以找到它们 here