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 上苹果浏览器不起作用。

还有一个问题关于微信的

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

查看全文

相关阅读:
[No000068]document.body.clientHeight 和 document.documentElement.clientHeight 的区别
 [No000067]Js中获取当前页面的滚动条纵坐标位置scrollTop
jquery 给a标签绑定click
java 延时
 MySQL建表语句+添加注释
 ubuntu 搜狗输入法内存占用太多，卡顿不够处理办法
 org.apache.http.client.HttpClient使用方法
 json 文件打读取
 bootStrap @media 用法
 java web项目获取项目路径

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

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

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