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);
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以上倒是支持,
算了
自己做一个不带菜单栏和地址栏的浏览器给用户用
用户自己设置自己的浏览器,隐藏 菜单栏和地址栏
自己写个 程序,去设置用户的浏览器
请按照一下编辑程序代码。
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 全屏显示网页,且无地址栏,书签栏,任何栏遮挡
java web 如何防止 用户绕过js验证,直接地址栏提交表单或自己编写html页面,提交数据到服务器?