javascript - 知道网站是否从主屏幕快捷方式启动

Question

我是网络开发的新手，我被要求添加一条弹出消息，建议用户将网站快捷方式添加到他/她的移动主屏幕。

我已经运行了弹出窗口，但我的老板要求我检测用户是否从快捷方式启动网站以不再显示弹出窗口，我不确定这是否可行。

如有任何帮助或建议，我们将不胜感激。

       if (navigator.userAgent.match(/Android|webOS|BlackBerry|IEMobile|Opera Mini/i)) {  
            $.fancybox({
               'width': '50%', //Use percentage to maintain responsiveness
               'height': '50%',
               'autoScale': true,
               'autoDimensions': false,
               'transitionIn': 'fade',
               'transitionOut': 'fade',
               'centerOnScroll': true,
               'type': 'inline',
               'href': '#mob_popup',
               padding: 8,
               helpers: {
                   overlay: {
                       css: {
                           'background': 'rgba(255, 255, 255, 0.45)'
                       }
                   }
               }


           });

Answer 1

使用 javascript 检查 window.navigator.standalone 属性。如果您是从主屏幕启动的，该属性应该显示为 true，如果您使用的是 Safari(或其他浏览器)，则该属性将为 false。