如何使用nuxt.config.js在PWA应用程序的主屏幕和书签上设置图标(Safari)
nuxt.config.js是Nuxt.js框架中的配置文件，用于配置和定制应用程序的行为。在PWA（Progressive Web App）应用程序中设置图标，可以让应用在主屏幕和书签上显示相应的图标。
要在PWA应用程序的主屏幕和书签上设置图标（Safari），需要进行以下步骤：
- 在nuxt.config.js中添加一个manifest对象，用于定义应用程序的元数据和图标信息：
export default {
// ...
manifest: {
name: '应用名称', // 应用名称
short_name: '应用短名称', // 应用短名称
display: 'standalone', // 应用的显示模式
background_color: '#ffffff', // 应用的背景颜色
theme_color: '#ffffff', // 应用的主题颜色
icons: [
{
src: '/icon.png', // 图标文件的路径
sizes: '192x192', // 图标的尺寸
type: 'image/png' // 图标的类型
}
]
},
// ...
}- 将应用的图标文件（icon.png）放置在Nuxt.js应用程序的根目录下。
- 在应用的HTML模板文件中添加以下代码，以引入和应用manifest配置：
<head>
<!-- ... -->
<link rel="manifest" href="/manifest.json"> <!-- 引入manifest配置 -->
<!-- ... -->
</head>这样就可以通过nuxt.config.js配置文件，设置PWA应用程序在主屏幕和书签上显示的图标（Safari）。需要注意的是，具体图标的尺寸和类型可以根据实际需求进行调整。
推荐的腾讯云相关产品：腾讯云CDN（内容分发网络），用于加速应用程序的图片、静态资源等内容的传输和分发，提高应用的访问速度和用户体验。
腾讯云CDN产品介绍链接地址：https://cloud.tencent.com/product/cdn
相关·内容
3回答
我有一个网站。我有苹果设备的apple-touch-icon.png。我的偶像是：
180×180 PNG图像不透明；
位于网站根目录(可通过/apple-touch-icon.png获得)。
一段时间前，我把我的网站从香草Vue切换到nuxt.js服务器端渲染(SSR)。现在，我的苹果触摸图标没有显示在书签(仅在主屏幕作为网络应用程序)。
我花了很多时间去发现错误。我试着：
更改图标位置和名称；
将图标更改为另一个图像；
添加更多带有sizes属性的苹果触摸图标；
添加更多大小的其他图标，偏爱的图标；
通过在线检查图标(他们是报告我，一切都是好的)；
浏览 11提问于2019-12-23得票数 5
我很好奇，在添加到主屏幕后，PWA会在引擎盖下使用什么浏览器?它是您最初选择“添加到主屏幕”的浏览器吗?如果是，如果我在手机上从Chrome添加PWA到主屏幕，然后删除Chrome (假设我的手机上只剩下Safari )，PWA还能工作吗?当单击主屏幕上的图标时，PWA还能工作吗？
浏览 1提问于2016-12-01得票数 20
回答已采纳
使用示例html和PWA。在iPhone中使用safari将应用程序添加到主屏幕。
在浏览器中，只要有一个方向改变，我就能够获得适当的窗口内部高度和宽度，而在应用程序中，从主屏幕图标启动，它不会在方向改变回调中立即给出改变的宽度和高度。
有人能帮我一下吗？
设备: iPhone 12 safari
浏览 5提问于2018-12-03得票数 0
3回答
我意识到iOS目前并不完全支持渐进网络应用程序，但在服务工作者和标准得到支持之前，我希望应用程序能够在相同的状态下关闭和重新打开。我要提到的是，目前我的应用程序开放时没有Nav栏，因此在这方面它确实感觉像一个本地应用程序，但我认为这可能是有益和可能的，但我忽略了这一点。
下面是一个示例：
发生了什么：
从主屏幕图标打开PWA
打开到默认的开始页。
导航到PWA中的特定页面
回到主屏幕上
从主屏幕图标打开PWA
打开到默认的开始页。
我想要发生的事：
从主屏幕图标打开PWA
打开到默认的开始页。
导航到PWA中的特定页面
回到主屏幕上
从主屏幕
浏览 0提问于2018-01-18得票数 9
我正在开发一个PWA，并使用移动Safari在iPhone上进行测试。
请注意，我是新的反应和材料-ui，所以可能错过了一些明显的;)
我面临的问题是，我无法在页面的最底部获得要呈现的底部导航组件。
注意:只有当我使用iPhone上的Safari中的“添加到主屏幕”选项安装PWA，然后使用图标打开时，才会出现此问题：
下面是在safari中浏览页面的屏幕截图，下面的导航显示很好：
将页面添加到主屏幕：
使用主屏幕图标打开。注意底部导航不再位于底部：
代码和样式如下：
const styles = {
root: {
position: 'fix
浏览 0提问于2018-09-26得票数 2
回答已采纳
1回答
PWA闪屏褪色为黑色？
、、、
在iPhone iOS 11.4上，当从主屏幕点击PWA图标时，它会显示闪屏，变为黑色，然后返回闪屏。不知道为什么会变成黑色，但可以在这里的PWA示例中看到：
在线演示：
Github repo：
demo源码：
只需在手机上打开在线演示链接，将其添加到您的主屏幕，然后单击主屏幕上的PWA应用程序图标，即可查看闪屏问题。
有没有办法消除黑屏(所以这只是闪屏)？
浏览 1提问于2018-07-03得票数 3
我正在用IOS 13.2制作一个PWA。
我需要启动另一个PWA从我的应用程序点击一个外部链接。
问题是，我当前的PWA打开了应用程序内浏览器中的所有外部链接，而不是常规的safari，并且在应用程序内的浏览器中没有添加到主屏幕选项。
如何迫使PWA在常规safari中打开外部链接而不是应用程序内的safari？
不起作用的东西
更改清单文件中的作用域
使用rel="noreferrer"
使用target="_blank"
浏览 5提问于2020-02-17得票数 16
1回答
是否可以从链接中安装pwa？例如:进入域名index.html页面，查看指向不同pwa应用程序的多个链接。
然后点击一个链接，它会安装一个pwa到那个特定的应用程序(不管有没有)到该应用程序的登陆页面？
目前的情况是：
如果我去
我已经把它设置为一个可安装的pwa，它会安装，图标会显示在设备主屏幕上，并有一个指向的链接。
我要找的是：
如果我去，我会看到一个可用应用程序的菜单。如果我单击一个应用程序链接，它将安装主屏幕图标，当按下该图标时，它将作为起始页面转到，而不首先进入应用程序主屏幕。
我一直在尝试这一点，但我无法让它工作，只是检查它是否可能，或我的代码是错误的。
浏览 4提问于2020-10-10得票数 0
1回答
如何检测IOS上是否已安装PWA
、、、、
我有PWA角度应用程序，我想显示用户弹出窗口，他/她可以添加主屏幕上的应用程序。 我不希望这个通知在PWA中显示，而只在IOS Safari中显示，所以我使用这个检查： const isInStandaloneMode = () => ('standalone' in window.navigator) && (window.navigator.standalone); 当用户已经安装了PWA时，我也不想在IOS Safari上显示这个弹出窗口，有没有机会检查PWA是否已经安装？
浏览 86提问于2021-02-02得票数 2
我正在使用react JS开发一个PWA
有一个要求，我们需要显示添加到主屏幕，即使在应用程序已添加到主屏幕的第一次
有没有人能暗示这是否可能，以及如何实现？
信息:大多数情况下，此应用程序将在Google Chrome和Safari上运行
浏览 54提问于2018-06-07得票数 1
回答已采纳
3回答
是否有可能创建和提交一个PWA启动图标到一个网站市场？
启动器图标应该像一个“添加到主屏幕”的PWA功能。
我试图实现的是一个PWA商店，使用户很容易添加一个图标到他们的主页启动一个PWA网站。请指点。
浏览 1提问于2018-09-27得票数 3
我已经创建了一个PWA，移动Chrome允许添加到主屏幕，使用适当的图标。
我的index.html包含：
<link rel="manifest" href="/manifest.json" />
我的manifest.json看起来像这样：
{
"short_name": "coolapp",
"name": "coolapp",
"icons": [
{
"src": "assets/pwa/android-l
浏览 7提问于2018-12-10得票数 4
我是PWA的新手，对此感到非常兴奋。对不起，这个问题根本不是技术性的，但我想向我工作的人演示一个在市场上成功的PWA。我已经把推特保存到了我的iPhone主屏幕上，当我点击主屏幕上的推特打开PWA时，它会自动在safari浏览器中打开。谁能告诉我如何在PWA中打开twiter应用程序？为了确保这不是我手机的问题，我在手机上保存了下面的PWA，这是一个本机应用程序，类似于设置：
非常感谢，很抱歉在这里问了一些愚蠢的非技术性问题……我到处用谷歌搜索，但在任何地方都找不到类似的问题。
浏览 0提问于2017-07-16得票数 0
1回答
我想知道Safari中的网站与进步的web应用程序(当您在Safari ->中单击共享->添加到主屏幕)之间有什么区别。
作为一个例子，这个网站
在Safari中引导到一个网站，该网站显示创建PWA的步骤，但是一旦打开这个新创建的PWA，它将引导您到另一个网站。
那里使用的机制是什么？这是另一个用户代理吗？
浏览 1提问于2020-11-21得票数 0
回答已采纳
我有一个PWA，它在安卓上工作得很好，但由于iOS对PWA施加的限制(特别是访问实时摄像头帧)，它在iOS上受到了限制。在Safari中查看时，该应用程序运行良好。这是违反直觉的，但不幸的是情况就是这样。 有没有办法告诉iOS，它不应该“安装”PWA，而是在主屏幕上创建一个快捷方式，并在常规Safari中打开它？喜欢什么老网站吗？ 或者，我是否需要一个不包含manifest.json引用的iOS的特定index.html？PWA是一个单页面的Angular应用程序。
浏览 24提问于2019-06-27得票数 3
我已经创建了一个PWA，它使用WebRTC的getUserMedia来获取实时摄像头流。PWA使用的是manifest.json，在安卓系统上运行良好。
然而，在iOS上，如果我直接在Mobile Safari中打开链接，这个应用程序也可以工作，但如果我将它添加到主屏幕上，它是未定义的(因为iOS只允许在Safari上下文中使用它)。
作为一种变通办法，我想在Mobile Safari模式下打开应用程序，而不是全屏模式，但我不知道怎么做，因为一旦检测到manifest.json，它就会自动打开全屏。
有谁知道如何在Safari中打开一个带有清单的应用程序吗？
谢谢!
浏览 4提问于2018-06-11得票数 8
我有一个PWA (目前特别关注iOS Safari )，当我将PWA添加到我的主屏幕上时，我添加它时所在的页面显示为本地应用程序。但是，当我在PWA (相同的域，只是新的页面)中导航时，地址栏就会出现。
这篇文章是类似的，但提到它是针对chrome/android的。 --据我所知，iOS并没有使用所有的清单文件。我试着设置了范围，但是没有成功。
我有必要的head元素来显示一个独立的页面(就像我说的，当我将PWA保存到主屏幕时，初始页面工作正常)。
有什么办法解决这个问题吗？
浏览 0提问于2019-11-24得票数 1
我发送了一封带有我的PWA网站链接的电子邮件。当我点击链接并说用Safari打开时，它会在Safari网页视图中打开。
然而，Safari webview没有像原生Safari浏览器那样添加到主屏幕选项。
当我用我的本地safari浏览器打开这个链接时，我可以添加到主屏幕。
要在原生Safari浏览器而不是webview中直接打开链接，我可以执行哪些操作。或者，有没有办法发现我是在webview中，而不是在原生Safari浏览器中，从而相应地提示用户？
目前在iOS 14.2上测试
浏览 0提问于2020-12-24得票数 1
我刚刚更新到Android预览并安装了一些PWAs。在主屏幕上，图标放置了一个微型Chrome徽标。这在操作系统更新之前就不在了。
理想情况下，考虑到PWA启用了服务人员，我希望PWA看起来像主屏幕上的常规应用程序。
是否可以使用app.yaml或manifest.json中的一些设置来删除此设置？
浏览 14提问于2017-05-19得票数 38
回答已采纳
1回答
我正在使用苹果iPhone配置实用程序来配置公司内的手机。我想增加一个图标到主屏幕的内部网页应用程序，我们已经开发。使用Web剪辑部分，将网页剪辑添加到主屏幕很容易，但是，我们有两个问题：
网页剪辑没有显示为页面定义的png图标(在元标记中)。页面加载在Safari中，但不是“独立的”(全屏)(同样，该属性是在元标记中定义的)。
注意，当将网页剪辑直接从设备上的Safari添加到主屏幕时，不会遇到这些问题。
最好的
浏览 3提问于2009-12-07得票数 2
3回答
我已经成功地为我的网站创建了一个PWA，但是在我将它添加到我的主屏幕并打开应用程序之后，splash屏幕上的图标仍然非常小。
我的清单有一个192 x 192和512x512图标，但正如我从这里()所读到的，它会选择接近128 My的值来显示。由于A2HS横幅需要在清单中使用192 x 192，这是否意味着启动屏幕图标将始终是超小的？有没有办法使该图标更大的飞溅屏幕？
浏览 3提问于2018-03-21得票数 10
我有一个pwa应用程序，这是实现一个身份验证方法只通过登录与电子邮件链接。(我使用的是firebase的Passwordless authentication with email link策略)
我可以打开带有链接的电子邮件，但是用于验证用户身份的链接将打开默认浏览器(例如Safari)，而不是主屏幕中安装的PWA。有没有人知道怎么解决这个问题？如果用户永远不能在PWA中进行身份验证，那么他们就不能使用安装的PWA。:(
浏览 0提问于2021-01-30得票数 8
我们的iPhone web应用程序有一个用户可以保存的主屏幕图标。这是一个音频特定的应用程序。
当用户将其保存到主屏幕，然后单击主屏幕图标时，iPhone不会打开常规的Safari。相反，它打开了某种准Safari，在这种情况下，没有URL栏可见。实际上，它真的很酷，让我们的web应用程序感觉很像一个原生应用程序。不幸的是，这个版本的Safari不能在用户关机时播放音频。普通的Safari可以播放任何一种声音。
因此，就像Grooveshark所做的那样，我们希望当用户单击我们的web应用程序图标时打开常规的Safari。
有人能对此提供一些指导吗？
浏览 0提问于2013-01-23得票数 1
我有这个PWA，用户可以点击一个链接来生成PDF格式的报告。当文件打开时，我只有一个OK按钮关闭文件，仅此而已，当用户将其添加到主屏幕时，就会发生这种行为：
尝试了一个简单的<a href> HTML标签，但在这种情况下，即使是ok关闭文件显示，迫使我重新启动应用程序。当使用JavaScript function window.open()时，我可以选择"Ok“来关闭文件。
<img src="pdf.png" onclick='geraPDF(1045, 45)'>
function geraPDF(c, v){var jan
浏览 0提问于2019-07-11得票数 3
回答已采纳
我有一个PWA在'https://www.ajcproperties.com‘运作。在iphone上，当我第一次“添加到主屏幕”时，没有图标。但是，iphone的行为就像添加了图标一样。 作为debug，我观察到将PWA添加到主屏幕会增加主屏幕页面的数量，但不会将图标放在最后一页空白的任何主屏幕页面上。 如果我重新启动电话，图标会出现在最后一页。 如果我第二次添加到主屏幕，图标就会出现在最后一页。但该设备认为有两个应用程序...我得移走两次。 manifest.json
{
"short_name": "AJC",
"name"
浏览 28提问于2019-02-06得票数 1
我通过safari安装了一个自定义的渐进式web应用程序和它的“添加到主屏幕”选项。 如果我在没有互联网连接的情况下导航到一个特定的页面，我会像预期的那样得到safari的本地离线页面。页面显示以下消息： Safari无法打开该页，因为您的iPhone未连接到互联网。 如果我再次打开互联网连接，PWA仍然显示本地safari离线页面，使用户无法重新加载该页面或导航到另一个页面。 简而言之，如果我在没有互联网连接的情况下访问我的PWA一次，PWA将永远显示safari的本地离线页面。 这是iOS 12.2上渐进式web应用程序的预期行为吗？ 我的服务工作者如下所示： self.addEvent
浏览 23提问于2019-05-05得票数 10
回答已采纳
例如，我是否可以在example.com/todo-app下创建一个PWA，在example.com/time-tracking-app下创建另一个PWA，并将每个应用作为一个完全独立的应用程序，在主屏幕上“安装”一个不同的图标，并有自己的单独通知等等？
浏览 0提问于2017-11-25得票数 6
回答已采纳
1回答
我发现主屏幕应用程序本地存储没有被Safari清除缓存删除。它似乎是持久化的存储，但我找不到任何有关这方面的文件。
我的问题是
有关于这种行为的文件吗？
主屏幕应用程序本地存储生命周期。什么时候才能放行？如何清除？
我可以使用本地存储来保存PWA的持久令牌吗？
有本地存储测试器
浏览 1提问于2018-01-13得票数 2
回答已采纳
我已经使用Ionic 4构建了一个PWA，它有一个使用'mailto:‘方案的“联系人”按钮和一个简单的href。 <a href="mailto:example@gmail.com">Contact</a> 这用于在iOS 12.1中从主屏幕启动PWA时打开原生邮件应用程序。由于我更新到了PWA12.2，它只是打开iOS内部的Safari，并显示一条消息，说明Safari无法打开以“mailto：”开头的链接。 我尝试过使用其他URI方案，比如“instagram：”或“message：”，但它们都会导致相同的问题。当我从主页开始我的PWA时
浏览 22提问于2019-04-10得票数 3
回答已采纳
我有一个移动友好的web应用程序，我希望用户能够访问发送在电子邮件或文本中的链接。该链接将包括特定于该用户的查询字符串参数，该参数控制网站显示的内容。此链接可能如下所示：
https://corpsite/myapplication/?show=578
当用户使用safari访问这个网址时，网站会抓取一些信息，这些信息对于"show=578“参数来说是正确的，一切都是正常的。(安全性在这里不是一个因素。)但是，在我正在测试的iPhone 8的“添加到主屏幕”功能将应用程序安装到主屏幕上后，单击主屏幕图标时打开的网址是：
https://corpsite/myapplication/
未
浏览 0提问于2018-10-27得票数 2
现在我在iOS 11.3上测试PWA，并使用下面的manifest.json文件：
{
"name": "Maplat PWA Sample",
"short_name": "Maplat PWA",
"background_color": "#fc980c",
"icons": [{
"src": "/Maplat/pwa/icon-96.png",
"sizes": "96x96",
浏览 0提问于2018-03-30得票数 49
回答已采纳
3回答
我已经创建了一个PWA，我已经保存到我的iPhone的主屏幕。PWA有一个Google链接，它在全屏模式和浏览器模式下都能正确打开，但是当从iOS上的全屏模式打开时，链接会打开，然后切换到Google应用程序(如果安装的话)。
当我关闭地图应用程序并返回到PWA时，它会显示一个空白屏幕，并且不会返回到包含链接的前一个视图。
function openMap(lat, lng) {
var win = window.open("https://maps.google.com/?q=" + lat + "," + lng + "", '
浏览 0提问于2019-05-20得票数 0
回答已采纳
我已经创建了一个PWA应用程序，并将APK添加到Google Playstore作为内部测试 编辑Store列表时，我添加了高分辨率图标(512 x 512 32位png)，Playstore正确显示图标 当用户/内部测试人员安装应用程序时，他们设备主屏幕上显示的图标是一个框中的框(不要认为这是Android的默认图标，但找不到它的名称) 应用程序/网站还有一个manifest.json文件，其中包含在中指定的图标，如果我在设备上的Chrome中直接打开我的应用程序并选择添加到主屏幕，则图标将从清单中正确显示 为什么Playstore应用程序不显示图标？有冲突吗？Playstore商店列表中
浏览 6提问于2019-09-26得票数 1
回答已采纳
我们开发了两个版本，cordova app和PWA版本(来自相同的代码库)。 我们的冲突是，如果用户安装了PWA版本(在android主屏幕上添加了一个应用程序图标)，那么如果用户进入Play Store，搜索“混合应用程序”，应用程序显示为“已安装”，而这不是真的？ 这是因为它们共享相同的应用代码名称吗？ 在这种情况下，如果用户想要安装Google Play版本，那么它必须卸载，然后再次安装，以便能够安装“混合”非PWA版本…… 这是正常的吗？
浏览 17提问于2019-04-04得票数 0
1回答
我创建了一个React PWA应用程序，我想如果我已经添加了第一个版本，我的图标将如何在主屏幕上更新？我试着更新货单，但什么也没变。
有什么想法吗？
浏览 3提问于2018-06-01得票数 5
现在，我正在开发一个基于Web的应用程序，其中用户必须首先登录。
当我打开iPhone Safari的页面，登录并重新启动Safari时，我仍然登录(仍然设置Cookie和会话ID )。
但是当我用“添加到主屏幕”添加这个页面时，每次我点击该页面的图标时，我必须再次登录。
我没有找到任何关于这方面的信息。我可以做些什么，让我的用户可以将这个页面设置为他们的主屏幕的图标，而仍然不必每次打开它时都登录？
浏览 3提问于2010-09-28得票数 45
1回答
(我使用的是Nuxt 3.0.0-rc.13和 0.9.1，但我认为我的问题对于任何PWA都是通用的。)
在我的Android平板电脑上，我带着Chrome的PWA访问网站，它问我是否想把它安装在我的主屏幕上。我碰一下它就能正常安装和工作。
但是，应用程序的名称与我的package.json文件中的名称相匹配，这是小写的，有连字符而不是空格。我能改个名字更友好点吗？这是显示在用户提示符中的名称，也显示在用户主屏幕的图标下。
奖金问题：
我也希望能够以编程的方式设置这个名称。最终，我将在多个域中设置相同的应用程序，唯一的区别是显示的数据。我希望能够为每个实例命名不同的应用程序。
浏览 10提问于2022-11-07得票数 0
我最近发布了一个服务器渲染的渐进式web应用程序，到目前为止一切都很好。然而，使用chrome的安卓显示了一个下载应用程序的横幅，这很棒，但在iOS上却不是。使用Safari时，用户需要点击几下才能进入“添加到主屏幕”功能，这很糟糕。
所以我在这里，我对我的PWA很满意，但我真的很想能够告诉用户，这个应用程序可以添加到主屏幕。
据我所知，我看到这样做是为了在主屏幕上添加一个原型。
浏览 1提问于2018-07-04得票数 76
回答已采纳
4回答
iOS 12 Safari不支持某些PWAs (渐进Web )的脱机功能。似乎Safari在这些web应用程序中没有正确地缓存资源。
例如，在iOS 12和12.1中，以下PWAs无法脱机工作，但它们在安卓或Windows上的Chrome中都能很好地工作：
google使用的Air Horner PWA演示服务工作人员：
这两个：
复制步骤(100%可复制)：
与Safari一起访问PWA (iOS 12或12.1)
关闭Safari中的PWA选项卡
按iPhone上的主页按钮将Safari设置为背景
按iPhone电源按钮关闭屏幕
再次按下iPhone电源按钮，唤醒
浏览 0提问于2018-11-23得票数 3
回答已采纳
2回答
我已经为我的自定义框架设置了PWA功能，除了启动屏幕之外，一切都很好。下列各项要求均得到满足：
name属性设置为我的PWA的名称。
background_color属性设置为有效的CSS颜色值。
图标数组指定至少512 by乘512 by的图标。
该图标存在并且是一个PNG。
除非我删除所有其他图标，否则512x512图标将不会用于启动屏幕。
该图标出现在Chrome应用程序部分，因此很明显它正在看到它。
下面是我的manifest.json和我的测试站点的链接。
{
"short_name": "New Site",
浏览 0提问于2018-09-25得票数 1
我有一个PWA，它能够打开辅助窗口，当我使用window.open打开它们时，新窗口具有与主PWA相同的窗口样式(没有Chrome UI，没有标签，没有地址栏，状态栏的颜色由我的应用程序定义)，新窗口也将被分组在操作系统码头/任务栏中的PWA图标下。
窗口的外观如下图所示：
我也有一个Chrome扩展，它必须能够打开这样的窗口，但我遇到的问题是，如果我使用popup类型的chrome.windows.create，结果窗口将具有正常的Chrome状态栏颜色，并且它们不会列在PWA图标下。如下所示：
我想知道有没有办法从Chrome扩展中打开一个窗口，让它遵循PWA定义的主题
浏览 2提问于2021-07-07得票数 0
3回答
在iOS上播放Safari中的音频时，可以最小化Safari或锁定屏幕，并且音频继续播放。但是，如果站点安装到HomeScreen作为PWA，最小化PWA或锁定屏幕暂停音频。
在iOS PWA中，是否有任何方法在后台继续播放？
在这里详细描述了这个问题：
浏览 3提问于2020-01-31得票数 8
我正在使用Nuxt.js开发PWA应用程序。我可以很好地启动它，所以我尝试添加HomeScreen和Bookmark by Safari ( it 11.4)。然而，图标没有显示在主屏幕和书签上(谷歌Chrome和Android运行良好)。 nuxt.config.js如下所示 const pkg = require('./package')
const dir = "/dir/"
module.exports = {
mode: 'spa',
head: {
title: pkg.name,
meta: [
浏览 48提问于2019-02-20得票数 0
回答已采纳
1回答
我正在尝试开发一个应用程序，这将是各种电子商务应用程序和社交网络应用程序的一站式目的地。当然，所有这些应用程序都是PWA，但是这些PWA必须集成到主apk中，并为每个PWA指定图标。
我尝试使用PWA的url来实现imageview，并给它添加了意图。它仍然显示地址栏。
我不想使用webview，因为它的功能有限，我想在apk中使用PWA的潜力(当pwa打开时，它不应该显示地址栏)。你在你的项目中实现了这个目标吗？如果是这样，您是如何实现它的？
浏览 3提问于2020-12-07得票数 0
我有一个PWA，提示Android用户将PWA添加到他们的主屏幕上，但我也想在iOS上为Safari用户展示一个工具提示，展示如何将PWA添加到他们的主屏幕，因为这不是他们支持的特性。
我正在考虑使用特征检测，但我找不到一种方法，比如：
if ("a2hs" in navigator) {
// Do something for browsers supporting A2HS feature
} else {
// Show the tooltip if the browser does not support A2HS
}
我也认为我需要这样的东西：
const i
浏览 7提问于2022-02-01得票数 0
1回答
这个问题似乎很重要。但是，我在任何正式的进步Web应用程序(PWA)文档中都找不到答案。
我的PWA的manifest.json包含了相当多的图标，甚至一个相当大的screenshot.png，这对于PWA的核心来说并不是必需的。
{
"src": "./assets/static/images/android-chrome-512x512.png",
"sizes": "512x512",
"type": "image
浏览 2提问于2021-04-06得票数 2
回答已采纳
我不知道这是否是IOS 13的最新更新，但我有一些非常奇怪的PWA行为。当我最初将它添加到我的主屏幕时，页面上的链接是在safari中打开的，而不是在PWA上内联的(顺便说一下，没有一个链接设置为__blank )，但是当我在safari上与oAuth登录，然后将它添加到我的主屏幕上时，它的功能就像应该的那样，并且它与链接一起正常工作。(目前正在使用带有Node和Express的Passport和Express进行身份验证)我不知道是否有安全基础设施或与数据包有关，但这真的很奇怪，我想在我的用户基础受到挫折之前尽快解决这个问题。
我已经试过查看我的清单，但就PWA标准而言，一切都符合规范。我的
浏览 1提问于2019-10-03得票数 7
我有PWA应用程序，在那里我访问麦克风，在Safari所有工作良好，但当我把它添加到主屏幕，它停止工作。在manifest.json中，我使用独立模式，也尝试将这个元标记从“是”更改为“没有<meta name="apple-mobile-web-app-capable" content="no">”，但没有任何帮助。
浏览 0提问于2019-05-10得票数 6
1回答
当用户访问我们的应用程序时，是否有可能显示“添加到主屏幕”提示？目前，用户需要点击3点菜单按钮，然后“添加到主屏幕”。
其次，在iPhone中，当我们点击“添加到主屏幕”按钮并使用图标时，safari获取页面的屏幕快照。我们不能在iPhone中使用自定义图标吗？
关照T
浏览 0提问于2018-08-30得票数 1
我使用的是MVC4 forms身份验证。我的移动网络应用程序可以在iphone的全屏UIwebview中运行。我的移动web应用程序有一个主屏幕图标。应用程序需要启动外部链接。这些是在Safari中启动的，它工作得很好。然而，通过再次单击主屏幕图标返回到移动web应用程序，似乎已经注销了用户。理想情况下，我希望用户在查看Safari中的外部链接后保持登录到web应用程序。也许曲奇被删除了？我可以持久化cookie吗？
浏览 1提问于2012-08-23得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
