小服务如何隐藏我站点的地址栏

Question

我试图在所有小型设备浏览器中隐藏我网站的地址栏。我怎样才能让它成为可能。请参考图片。以下是我的代码：

<meta name="ap[![enter image description here][1]][1]ple-mobile-web-app-capable" content="yes" />
if((Browser.Platform.ios) || (Browser.Platform.webos) && (Browser.safari)) {
window.addEventListener("load",function() {
setTimeout(function(){
window.scrollTo(0, 1);
}, 0);
});
}

Answer 1

您可以在 css 中尝试媒体查询。

ist of all


@media(max-width:768px){
   div.class_name{
  display:none;
 }

}

试试这个代码。

Answer 2

<input type="button" value="click to toggle fullscreen" onclick="toggleFullScreen()">

function toggleFullScreen() {
if ((document.fullScreenElement && document.fullScreenElement !== null) ||    
(!document.mozFullScreen && !document.webkitIsFullScreen)) {
if (document.documentElement.requestFullScreen) {  
document.documentElement.requestFullScreen();  
} else if (document.documentElement.mozRequestFullScreen) {  
document.documentElement.mozRequestFullScreen();  
} else if (document.documentElement.webkitRequestFullScreen) {      document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);  
}  
} else {  
if (document.cancelFullScreen) {  
document.cancelFullScreen();  
} else if (document.mozCancelFullScreen) {  
document.mozCancelFullScreen();  
} else if (document.webkitCancelFullScreen) {  
document.webkitCancelFullScreen();  
}  
}  
}

小服务如何隐藏我站点的地址栏

How to hide the address bar of my site in small service

javascript

jquery

html

css

address-bar