个人中心
文章发布
退出
作者热门文章
- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
26
4
我正在 Android 设备上的 Chrome 70 上进行测试，它应该可以很好地防止显示 AddToHomescreen 提示。我无法阻止提示或捕获供以后使用。每次加载页面时都会继续显示提示。
文本框已填充并显示 beforeinstallprompt 事件正在加载。事件处理程序上的 preventDefault 不会阻止提示。
为什么？？？？？
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="theme-color" content="#eaa103">
<link rel="manifest" href="/pwa/manifest.json" />
<title>Some App</title>
<link rel="stylesheet" href="/pwa/css/bootstrap.min.css" />
</head>
<body>
<div class="container">
<testbox></testbox>
</div>
<script src="/pwa/js/jquery.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js">
</script>
<script>
var deferredPrompt;
window.addEventListener('beforeinstallprompt', function(e) {
// Prevent Chrome 67 and earlier from automatically showing the prompt
e.preventDefault();
// Stash the event so it can be triggered later.
deferredPrompt = e;
$("testbox").html("beforeinstallprompt loaded");
return false;
});
</script>
</body>
</html>
最佳答案
根据 Google Developers 的这篇文章:https://developers.google.com/web/updates/2018/06/a2hs-updates :
Starting Chrome 68 [...] the mini-infobar is shown regardless of if
preventDefault()was called on thebeforeinstallpromptevent
因此，开发人员目前无法在移动版 Chrome 版本 > 67 上阻止页面上的横幅(它适用于桌面版和旧版移动版 < 68)。
这里有更多信息:https://developers.google.com/web/fundamentals/app-install-banners/ .如前所述:
The mini-infobar is an interim experience for Chrome on Android
If dismissed by a user, it will not be shown until a sufficient period of time (~3 months) has passed.
希望对您有所帮助。
关于javascript - PWA : preventDefault not working with beforeinstallprompt，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53134483/
26
4
0
我从上周开始就对 PWA 进行研究，我发现 Workbox 是一个很好的实现选择，我尝试使用 React+worbox+webpack 来实现 PWA 我能够创建应用程序图标，缓存 GET apis
我让 Chrome 在 Android 上安装了我的 PWA - 一旦安装，我想自动关闭安装它的浏览器窗口，并打开 PWA(因此用户不会在浏览器窗口中继续，认为他们正在使用PWA) - 这可能吗？ 最
我使用 cra-template-pwa 模板创建了一个带有 create-react-app 的 PWA，但我无法根据更改更新应用程序。 现在内容被正确检测到，消息显示在控制台中: New cont
mailto 链接在以前版本的 iOS 上按预期工作。在使用 mailto 链接打开默认邮件应用程序时更新到 12.2+ 后，邮件应用程序可以正常工作。但是当回到 PWA 时，由于 iOS 功能更新到
我你去应用https://quotesaboutjesus.netlify.com/quotes并查看 Chrome 开发工具中的“应用程序”选项卡，几秒钟后您会看到服务工作线程运行良好...并且该应
我已经构建了一个带有角度前端的 ASP.NET Core 应用程序。角度应用程序具有 @angular/pwa节点包设置，因此它是一个渐进式 Web 应用程序，可以安装在 android/window
嘿寻找一些见解， 所以我以前从未使用过 Ionic，并试图给自己一个使用它的理由。但是，根据我一直在阅读的内容——根据项目的用例，一个可能比另一个更合适。我正在尝试构建一个不使用大量 native 功
有 3 种方法可以将 AMP 与 PWA 结合起来(如 here 中所述): 具有 PWA 功能的 AMP 页面 AMP 作为 PWA 的入口点 AMP 作为 PWA 的数据源 在第一种和第三种方法中
我正在结合企业应用服务器开发 PWA。 应用程序服务器为独立浏览器提供响应式 Web View ，并借助首次在 PWA 启动 url 上设置的 PWA cookie 自定义 PWA 上的 View 。
您好，我正在开发 Nextjs 项目，我尝试使用 next-pwa 将其转换为 PWA，首先我创建了 next.config.js const withPWA = require('next-pwa'
我正面临 Service Worker 的问题。 Service Worker 没有通过 app.module 自行注册。所以我在main.ts中手动注册它。 它在在线模式下工作正常 .但是当我将网络
我已将 PWA 功能和 service worker 添加到我的 angular 网站。发布到实时服务器后，许多用户开始遇到问题，例如:“无法访问此站点”，但是当用户单击 CTRL+ F5 时，它可以
我应该如何将分析集成到 PWA网络应用程序？如果我将来自 google 分析的分析添加到 webapp 中并将其发布在服务器中，那么稍后，如果我想在 Google Play 商店上发布它，我应该如何跟
当用户单击后端生成的通知时，我实际上打开了一个新窗口，这在浏览器上运行良好，因为它会在浏览器打开时打开一个新选项卡，否则打开一个新窗口。 但是如果我安装了 PWA，在收到通知时单击它会打开一个新的浏览
最近几天，我开始听说服务人员很酷。我想在我的 Angular 项目中实现服务人员，使我的 Web 应用程序完全离线工作，这意味着用户应该尽可能多地离线处理数据，一旦他们找到互联网，那么数据应该使用 M
我基于 current version 编写了一个简单的 PWA ( this tutorial)通过 Vaadin .它工作正常，在 Chrome 中测试过，也在离线模式下。 在移动设备上使用它会出
是否可以将图片直接从移动图库共享到 PWA(与我们发送图片时 What's app 或 Messenger 的行为相同)，还是我需要一个 native 应用程序才能做到这一点？我正在构建的网站允许用户
下面是 our nuxt and nuxt-pwa的配置配置。 Nuxt pwa is recognising a new version available我们提示用户进行硬刷新/重新加载。 并且在
我的桌面通知在我的渐进式网络应用程序 (PWA) 中运行良好。打开 PWA 后，当我单击通知时，我能够接收通知的数据属性。当 PWA 关闭时，当我单击通知时，PWA 将打开，但我的 onclick 处
根据 PWA Web Bluetooth documentation ，它支持“BR/EDR 或 LE 连接”。 我正在尝试在 Chrome devtools 的控制台中使用以下代码进行测试: nav
我是一名优秀的程序员,十分优秀！