zoukankan html css js c++ java

HTML5 隐藏地址栏兼容IOS 与安卓

现在有一个问题：如果手机是一屏一屏的滑动的，就不能隐藏了。

来源:https://github.com/scottjehl/Hide-Address-Bar

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Test page</title><title>Cross-device Address Bar Hide - Example 1</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="hide-address-bar.js"></script>
    <style>
        /* DEMO ONLY for this short page - remove in live code */
        body { min-height: 480px; }
    </style>
</head>
<body>
<p>The script on this page should hide the address bar on iOS and Android.</p>
</body>
</html>

    <script type="text/javascript">
        (function( win ){
            var doc = win.document;

            // If there's a hash, or addEventListener is undefined, stop here
            if(!win.navigator.standalone && !location.hash && win.addEventListener ){

                //scroll to 1
                win.scrollTo( 0, 1 );
                var scrollTop = 1,
                    getScrollTop = function(){
                        return win.pageYOffset || doc.compatMode === "CSS1Compat" && doc.documentElement.scrollTop || doc.body.scrollTop || 0;
                    },

                //reset to 0 on bodyready, if needed
                    bodycheck = setInterval(function(){
                        if( doc.body ){
                            clearInterval( bodycheck );
                            scrollTop = getScrollTop();
                            win.scrollTo( 0, scrollTop === 1 ? 0 : 1 );
                        }
                    }, 15 );

                win.addEventListener( "load", function(){
                    setTimeout(function(){
                        //at load, if user hasn't scrolled more than 20 or so...
                        if( getScrollTop() < 20 ){
                            //reset to hide addr bar at onload
                            win.scrollTo( 0, scrollTop === 1 ? 0 : 1 );
                        }
                    }, 0);
                }, false );
            }
        })( this );
    </script>

View Code

这两个标签也是隐藏地址栏的，但是IOS 上苹果浏览器不起作用。

还有一个问题关于微信的

用微信打开网页时，用把数字变色，还可以拨号。禁止这样情况在网页头部加上：

查看全文

相关阅读:
Windows Store App 主题动画
 Windows Store App 过渡动画
 Windows Store App 控件动画
 Windows Store App 近期访问列表
 Windows Store App 文件选取器
 Windows Store App 访问应用内部文件
 Windows Store App 用户库文件分组
 Windows Store App 获取文件及文件夹列表
 Windows Store App 用户库文件夹操作
 Windows Store App 用户库文件操作

原文地址：https://www.cnblogs.com/yjhua/p/4636363.html

HTML5 隐藏地址栏 兼容IOS 与安卓

HTML5 隐藏地址栏兼容IOS 与安卓