0

我试图使用bubblewrap从pwa构建一个apk。 我的pwa 托管在CSE化学

bubblewrap init --manifest https://rahman24.github.io/chemistryforcse/manifest.json

之后我使用bubblewrap build. 在构建时,这会生成一个 app-release-signed.apk 文件,在构建后,当它进行灯塔检查时,得分为 88,但灯塔 pwa 检查说不检查失败,但 apk 文件位于同一位置。这是第一个问题......即使它在 chrome 工具中通过了灯塔 pwa 检查,它也没有通过

第二个问题是,在没有通过灯塔检查的情况下生成的 apk,我可以安装它。但是 url 栏显示在应用程序中,就像顶部的屏幕截图一样。但是我pwa,一切都很好请让我知道我可以为这两个做些什么来纠正它提前谢谢

4

1 回答 1

0

如果您满足所有标准, Lighthouse 只会显示 PWA 的完整通行证。目前您缺少一些必需的(可能是您无法正确创建 apk 的原因)

您的网络 PWA 似乎工作正常,但您应该执行以下操作:-

主题彩条

添加<meta name="theme-color" content="#4d084d"/>到您的文档<head>中,使其与您的清单相匹配,一些旧版本的 Chrome 需要同时工作,这就是它要求您添加它的原因。

iOS 图标

要在 iOS 上使用自定义图标正确安装,您需要将以下内容添加<head>到相关图标的链接中: <link rel="apple-touch-icon" href="/example.png">

无论如何,您都应该拥有它,因为将页面保存到主屏幕的任何人都只会获得页面的屏幕截图。

图标必须是 180px 或 192px 正方形才能始终如一地工作。

安卓图标

最后,在您的清单中,您需要添加一个可屏蔽的图标:

{ 
    "src": "path/to/maskable_icon.png",      
    "sizes": "196x196",     
    "type": "image/png",      
    "purpose": "any maskable"    
}

否则,在较新的 Android 设备上,您的图标将默认为白色背景。

我的猜测是解决上述问题将解决您的其他问题。

于 2021-02-14T10:29:13.833 回答