MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

Window.onbeforeinstallprompt

Window.onbeforeinstallprompt 属性是一个事件处理程序, 用于处理一个beforeinstallprompt, 当一个Web清单存在时,它将在移动设备上发送,但是在提示用户将网站保存到主屏幕之前。

句法

window.addEventListener("beforeinstallprompt", function(event) { ... });

window.onbeforeinstallprompt = function(event) { ...};

范例

The following example uses the beforeinstallprompt function to verify that it is an appropriate time to display an installation prompt to the user. If it is not, the event is redispatched.

let isTooSoon = true;
window.addEventListener("beforeinstallprompt", function(e) { 
  if (isTooSoon) {
    e.preventDefault(); // Prevents prompt display 
    // Prompt later instead: 
    setTimeout(function() { 
      isTooSoon = false; 
      e.prompt(); // Shows prompt 
    }, 10000); 
  } 

  // The event was re-dispatched in response to our request 
  // ... 
});

浏览器兼容性

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 45.0 [1] 未实现 未实现 未实现 未实现
Feature Android Android Webview Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile Chrome for Android
Basic support 未实现 45.0 [1] 未实现 未实现 未实现 未实现 45.0 [1]

[1] Behind the flagchrome://flags/#bypass-app-banner-engagement-checks

规范

Specification Status Comment
Web App Manifest
Window.onbeforeinstallprompt
Working Draft Initial specification.

也可以看看

文档标签和贡献者

 此页面的贡献者: xgqfrms-GitHub
 最后编辑者: xgqfrms-GitHub,