使用 javascript 实现”添加到主屏幕“ 功能

[Samgao0312]

参考阅读：

• 用于iPhone上“添加到主屏幕”的JavaScript？
• 使用javascript添加到主屏幕功能
• [add to home screen | google-dev-doc]https://developers.google.com/web/fundamentals/app-install-banners/
• Add to Home screen | MDN

背景：

目标：

webApp可以在iphone、andorid机型上实现 ”添加到主屏幕“ 功能，从而达到推广、及留住用户的设想；

实现方案：

本身 apple 是不支持（允许）开发者通过 脚本 执行这种操作的，只能通过界面才可以；

第三方解决方案

add-to-homescreen

https://github.com/cubiq/add-to-homescreen

Mobile Bookmark Bubble

https://github.com/h5bp/mobile-boilerplate/wiki/Mobile-Bookmark-Bubble

Mobile Bookmark Bubble是一个JavaScript库，可在您的移动Web应用程序底部添加促销泡泡，邀请用户将应用程序添加到其设备的主屏幕。

该库使用HTML5本地存储来跟踪是否已经显示促销，以避免不断唠叨用户。

有两个新版本的实现，一个仅支持Mobile Safari，另一个支持Mobile Safari，Android，Blackberry触控智能手机和Playbook。

• 仅适用于Mobile Safari：https：//github.com/cubiq/add-to-homescreen
• Mobile Safari +其他：https：//github.com/okamototk/jqm-mobile-bookmark-bubble

这两个版本基于Google Code上的原始存储库。