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 回答