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

还有一个问题关于微信的

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

查看全文

相关阅读:
一个使用 Python 的人工智能聊天机器人框架
 【TensorFlow 官网可以直接访问】让中国开发者更容易地使用TensorFlow打造人工智能应用
 Object Relational Tutorial 对象关系教程
 Automap sqlalchemy.ext.automap 自动映射数据库表结构
 回溯法
 子集树和排列树
 平衡树
 二叉查找树
 graphviz使用
 linux进程内存布局

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

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

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