js、jquery 如何隐藏浏览器地址栏(网页优化,手机可以,ipad mini不可以,求大神指教)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js、jquery 如何隐藏浏览器地址栏(网页优化,手机可以,ipad mini不可以,求大神指教)相关的知识,希望对你有一定的参考价值。

<meta name="apple-mobile-web-app-capable" content="yes" /> 方法1不行
if(document.documentElement.scrollHeight <= document.documentElement.clientHeight) 方法2 不行
bodyTag = document.getElementsByTagName('body')[0];
bodyTag.style.height = document.documentElement.clientWidth / screen.width * screen.height + 'px';

setTimeout(function()
window.scrollTo(0, 1)
, 0);

function hideAddressBar(bPad) 方法3 也不行
// Big screen. Fixed chrome likely.
if(screen.width > 980 || screen.height > 980) return;
// Standalone (full screen webapp) mode
if(window.navigator.standalone === true) return;
// Page zoom or vertical scrollbars
if(window.innerWidth !== document.documentElement.clientWidth)
// Sometimes one pixel too much. Compensate.
if((window.innerWidth - 1) !== document.documentElement.clientWidth) return;
setTimeout(function()
// Already scrolled?
if(window.pageYOffset !== 0) return;
// Perform autoscroll
window.scrollTo(0, 1);
// Reset body height and scroll
if(bodyTag !== undefined) bodyTag.style.height = window.innerHeight + 'px'; window.scrollTo(0, 0); , 1000);

window.addEventListener("load",function() 
  setTimeout(function()
    window.scrollTo(0, 1);
  , 0);
);

这种是在你浏览器内容高于浏览器的时候才会有用

if(document.documentElement.scrollHeight <= document.documentElement.clientHeight) 
bodyTag = document.getElementsByTagName('body')[0];
bodyTag.style.height = document.documentElement.clientWidth / screen.width * screen.height + 'px';
 
这个是内容没有浏览器高的情况下

综合一下:
<script>  
            window.onload=function()  
                if(document.documentElement.scrollHeight <= document.documentElement.clientHeight)   
                    bodyTag = document.getElementsByTagName('body')[0];  
                    bodyTag.style.height = document.documentElement.clientWidth / screen.width * screen.height + 'px';  
                  
                setTimeout(function()   
                    window.scrollTo(0, 1)  
                , 0);  
            ;  
        </script>

试试看吧

追问

明确告诉你 ,ipad mini 没用,手机有用,但我不需要,要的是平板有用。还有 ,麻烦看一下我的提问,我都说方法二 不行了。。。。。。

追答

好吧,如果如果想代码想不出,可以参考下一些现成的例子:你打开百度手机版,答案自然揭晓。你打开后会发现url地址是:

http://m.baidu.com/#|pageTag

后面多了pageTag,你在查看源文件看他的js吧。


另外我查了官方介绍ios7 ipad 不在支持进入隐藏nav,,你试试添加这段代码

<meta name="viewport" content="minimal-ui">
合并后:
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimal-ui">

其他的ios7 支持变化请参考www.mobilexweb.com/blog/safari-ios7-html5-problems-apis-review

追问

minimal-ui 这个不支持,手机 ios7以上倒是支持,
算了

参考技术A

自己做一个不带菜单栏和地址栏的浏览器给用户用
用户自己设置自己的浏览器,隐藏 菜单栏和地址栏
自己写个 程序,去设置用户的浏览器

请按照一下编辑程序代码。

1234567891011121314151617181920212223242526272829303132

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><HEAD><title>实现IE浏览器真正全屏的JS代码

</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <BODY ><input type="BUTTON" name="FullScreen" value="全屏显示" 

onClick="window.open(document.location, 'www_helpor_net', 'fullscreen')"><p>这个网页特代码实现了IE浏览器的完全全屏

</p><p style="font-size:16px; text-indent:2em; font-weight:bold;">关闭方法: 按键盘 alt+f4  不过对于火狐浏览器不能完全全仍然显示地址栏和关闭按钮。 O(∩_∩)O哈哈~</p><!--下面只是说明与程序代码无关--><div style="width:95%; height:auto; display:block; margin:0 auto; margin-top:30px; font-size:10pt; line-height:150%;">

<span>本代码由<a href="http://www.51xuediannao.com" style="color:#F00;">懒人建站

</a> 收集整理 我要学电脑.COM →www.51xuediannao.com </span><br><a href="http://www.51xuediannao.com">懒人建站</a> http://www.51xuediannao.com<br/><span>我们为您提供-<a href="http://www.51xuediannao.com">HTML+CSS模板</a>,<a href="http://www.51xuediannao.com">JS代码</a>,<a href="http://www.51xuediannao.com">网页特效</a>,<a href="http://www.51xuediannao.com">导航菜单</a>,<a href="http://www.51xuediannao.com">焦点幻灯片<a>,<a href="http://www.51xuediannao.com">网页欣赏</a>和<a href="http://www.51xuediannao.com">CSS技巧</a>;

</span><span>懒人建站只收录实用和能提高用户体验的代码

</span><span>我们只想解放出你的部分写代码时间来思考更高层次的设计,而不是要你懒惰、拼凑。

</span></div></BODY></HTML>

参考技术B ipad 上使用的浏览器是什么浏览器?追问

qq,safafi ,别和我说换浏览器!

以上是关于js、jquery 如何隐藏浏览器地址栏(网页优化,手机可以,ipad mini不可以,求大神指教)的主要内容,如果未能解决你的问题,请参考以下文章

当用户点击地址栏输入使用 JQuery 或 JS 时,如何防止网页重新加载

如何在 mac 全屏显示网页,且无地址栏,书签栏,任何栏遮挡

如何在地址栏打开一个网页指定IFRAME进行显示

java web 如何防止 用户绕过js验证,直接地址栏提交表单或自己编写html页面,提交数据到服务器?

两个JS,网页导航栏和图片切换冲突,导航栏用Jquery 是否因为函数名$ 冲突 怎么改?

js监听网页页面滑动滚动事件,实现导航栏自动显示或隐藏