手机查看html代码工具栏,【Meta标签】实现wap网页去掉手机浏览器默认工具栏

去掉wap端手机浏览器头部搜索栏和底部工具栏的方法：

移动web前端开发，隐藏浏览器地址栏(全屏)解决方案

核心代码：window.scrollTo(0, 1);

要注意的几个点：这个方法要在内容加载完成后执行，换句话浏览器内容的高度要超过浏览器窗口高度(出现‘滚动条’)才有效。针对高度自适应的窗口(height:100%)，得用特殊方式解决。

//强制让内容超过

$('#main').css("height",window.innerHeight+100);

window.scrollTo(0, 1);

//重置成新高度

$("#main").css("height",window.innerHeight);

//非常重要，用于兼容不同机型，防止浏览器窗口移动

document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);

另外说明，最后一行，用于阻止浏览器默认动作的手指滑动滚动页面。