精华内容
下载资源
问答
  • 大家通过手机自带浏览器打开百度、淘宝,在首页加载完毕后,会自动隐藏页面上方的地址栏,感兴趣的朋友可以参考下
  • 户发现,看类似网站打开侧边导航地址栏一直保持显示不隐藏而没有类似问题,请问 哪位大神知道如何让手机浏览器地址栏一直显示禁止隐藏或者有什么别的办法教教我 很急啊 测试服务器139.196.220.17/babel2.0可查看 ...
  • 通过JS自动隐藏手机浏览器的地址栏

    千次阅读 2016-07-25 11:18:42
    大家通过手机自带浏览器打开百度、淘宝,在首页加载完毕后,会自动隐藏页面上方的地址栏,加之这些网站针对手机浏览器做了优化,乍看之下,还真难区分这是WEB APP还是Native App,如下左侧图片为通过safari打开淘宝...

    大家通过手机自带浏览器打开百度、淘宝,在首页加载完毕后,会自动隐藏页面上方的地址栏,加之这些网站针对手机浏览器做了优化,乍看之下,还真难区分这是WEB APP还是Native App,如下左侧图片为通过safari打开淘宝网的首页,要不是因为底下的浏览器工具栏,还真像Native App。实际上它是有地址的,向下拖动就会看到地址栏,如下右侧图片。

    这里写图片描述


    这里写图片描述

    如何才能实现将浏览器地址栏隐藏呢?百度一下,有很多资料,很简单,主要利用window.scrollTo()方法,将当前页面在屏幕上向上滚动,造成地址栏超出视野范围,如下:

    <script>  
        window.onload=function(){  
            setTimeout(function() {  
                window.scrollTo(0, 1)  
            }, 0);  
        };  
    </script>  

    但若你做一个简单页面,比如只有一句话,加上如上脚本,你会悲摧的发现,地址栏就是不自动隐藏;难道window.scrollTo()方法在这个浏览器不生效?
    但是若你网页内容比较多,超过屏幕高度时,却会自动隐藏地址栏;
    如何解决在内容较少时,同样隐藏地址栏呢?需在滚动之前程序动态设置一下body的高度,增加如下代码:

    if(document.documentElement.scrollHeight <= document.documentElement.clientHeight) {  
        bodyTag = document.getElementsByTagName('body')[0];  
        bodyTag.style.height = document.documentElement.clientWidth / screen.width * screen.height + 'px';  
    }  

    如下为一个页面示例(默认隐藏地址栏),右图为下拉后看到地址栏的截图:

    这里写图片描述


    这里写图片描述

    如上截图的完整源码如下:

    <!DOCTYPE html> 
    <html> 
        <head> 
            <meta charset=utf-8 />
            <meta name="viewport" content="width=device-width, initial-scale=1,"> 
            <title>我是个网页,但不显示滚动条</title> 
            <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>
            <style>
                /*输入框圆角显示*/
                input {
                    background:#fff; border: 1px solid #080;
                    padding:5px;
                    -webkit-border-radius:5px;
                }
                /* button 
                ---------------------------------------------- */
                .button {
                    display: inline-block;
                    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
                    *display: inline;
                    vertical-align: baseline;
                    margin: 0 2px;
                    outline: none;
                    cursor: pointer;
                    text-align: center;
                    text-decoration: none;
                    font: 14px/100% Arial, Helvetica, sans-serif;
                    padding: .5em 2em .55em;
                    text-shadow: 0 1px 1px rgba(0,0,0,.3);
                    -webkit-border-radius: .5em; 
                    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
                }
    
                /* green */
                .green {
                    color: #e8f0de;
                    border: solid 1px #538312;
                    background: #64991e;
                    background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
                }
            </style>
        </head> 
        <body style="background: #ededed;"> 
            <div style="padding-top:40%;padding-left:20%">
                帐号:<input type="text"><br/>
                密码:<input type="text"><br/>
            <div>
            <div style="padding-top:5%;padding-left:23%"><input type="button" class="button green" value="登录"></div>
        </body>
    </html>

    如上按钮的效果,参考自:http://www.webdesignerwall.com/demo/css-buttons.html

    要实现更为完整的隐藏地址栏的效果,可参考:http://menacingcloud.com/?c=iPhoneAddressBar

    展开全文
  • 学习vue 在手机QQ浏览器上打开自己写的练习. index.html里写了等meta标签 . QQ浏览器下 : 首页显示还算正常,是全屏.但是一切换路由又出现浏览器的默认地址栏导航栏了. UC浏览器 : 正常. 请教大神如何设置 .
  • 手机浏览器页面不显示地址栏

    千次阅读 2016-03-02 13:38:59
     <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection"content="telephone=no, email=no" />
        <meta name="renderer" content="webkit">
        <meta http-equiv="Cache-Control" content="no-siteapp" />
        <meta name="HandheldFriendly" content="true">
        <meta name="screen-orientation" content="portrait">
        <meta name="x5-orientation" content="portrait">
        <meta name="full-screen" content="yes">
        <meta name="x5-fullscreen" content="true">
        <meta name="browsermode" content="application">
        <meta name="x5-page-mode" content="app"> 
    展开全文
  • 2019.10.9更新:除了以上的解决方案外,还有一种解决方案是将网页上方的地址栏空出来,因为有些时候这样滑动全屏并不能很流畅的隐藏地址栏,造成不好的游戏体验。具体的代码如下: .... if(cc.sys.isMobile&&cc...

    safar浏览器中只有一个Creator网页,横屏后会自动全屏, 但是如果有多个网页,Creator网页横屏后safar浏览器无法全屏.关于此问题,解决文案如下,供大家参考

    将项目打包,找到打包出的index.html文件,在html文件里,添加一个div标签和一个文本提示,代码如下:

    <body>
      <canvas id="GameCanvas" oncontextmenu="event.preventDefault()" tabindex="0"></canvas>
      <div id="mask">
    	<h1 id="tip">请向上滑动全屏显示</h1>
      </div>
      <div id="splash">
        <div class="progress-bar stripes">
          <span style="width: 0%"></span>
        </div>
      </div>
    <script src="src/settings.js" charset="utf-8"></script>
    
    <script src="main.js" charset="utf-8"></script>
    </body>

    二、 在style-mobile.css中为这个div和字体添加css样式,这个根据个人喜好随意添加,代码如下:

    #mask {
    	position:absolute;
    	z-index:9999;
    	background-color:#C0C0C0;
    	left: 0;
        top: 0;
    	height:100%;
        width:100%;
    	display :none;
    	opacity:0.5;
    }
    
    #tip{
    	color:red;
    	text-align:center;
    	float:center;
    	line-height:250px;
    }

    三、重点来了!在main.js管理显示这个div,有了这个div,safari浏览器就可以重新滑动了,代码如下:

    const inBrowser = typeof window !== 'undefined';
    		const UA = inBrowser && window.navigator.userAgent.toLowerCase();
    		const isIOS = (UA && /iphone|ipad|ipod|ios/.test(UA));//是否为iso环境
    		var loadOver=false;//是否加载完毕
    		function listenCallBack(){
    			if(isIOS)
    			{
    				var mask=document.getElementById('mask');
    				if(window.innerHeight == document.documentElement.clientHeight&&loadOver){ //全屏并且加载完毕,则不显示div,和加载的进度条
    					splash.style.display = 'none';
    					mask.style.display='none';
    				} else if(window.innerHeight == document.documentElement.clientHeight&&!loadOver)//全屏显示了,但并没有加载完毕则不显示div
    				{	
    					mask.style.display='none';
    				}
    				else{ //未全屏显示则把div显示出来
    					mask.style.display='block';
    				}  	
    			}else{
    				if(loadOver){
    					splash.style.display = 'none';
    				}
    			}
    		}

    四、找到main.js里的onStart()方法,设置改变显示区域大小的事件监听,然后找到setLoadingDisplay()方法,在进度条加载完成后,将loadOver设为true,代码如下:

     var onStart = function () {
    			window.onresize = listenCallBack; //设置监听
    			listenCallBack();
                cc.view.resizeWithBrowserSize(true);
                //.......
    }
     function setLoadingDisplay () {
                // ........
    
                cc.director.once(cc.Director.EVENT_AFTER_SCENE_LAUNCH, function () {
    				loadOver=true;
    				listenCallBack();
                });
            }

    这样就可以实现隐藏地址栏啦,当然你也可以不用阻止加载,因为那个div显示出来之后,就可以滑动页面啦.

    可能因为网页的长度比较短,直接向上滑动有时候地址栏可能没有收回去

    这样滑动更容易将地址栏隐藏(图片来自:https://blog.csdn.net/u013654125/article/details/79034208)

    2019.8.29更新:此解决方案并不能判断游戏是在safari浏览器上打开的,如果使用了其他浏览器,比如谷歌(因为在ios上谷歌浏览器发现了问题。):也有可能弹出这个gif。而且有一个比较坑的问题是,Creator里的cc.sys.browserType会把所有ios上的浏览器当做safari浏览器,可能都是safari的内核,都是一套东西,只是外观不一样。就像360浏览器的内核是Chrome,所以360浏览器上cc.sys.browserType是Chrome。我们使用的是window.innerHeight和document.documentElement.clientHeight进行的比较,但是我在ios上使用谷歌浏览器,当我转动屏幕时(横竖屏切换)window.innerHeight的值会有问题,大概2.5秒window.innerHeight的值才正常。window.onresize只是监听显示区域大小的变化,不会监听window.innerHeight的值的变化,所以gif会弹出,但是值正常之后,并不会消失。有两种解决方案,一种是不再使用window.onresize,而是改为对window.innerHeight的监听,第二种是延迟2.5秒,再判断window.innerHeight是否相同。

    2019.10.9更新:除了以上的解决方案外,还有一种解决方案是将网页上方的地址栏空出来,因为有些时候这样滑动全屏并不能很流畅的隐藏地址栏,造成不好的游戏体验。具体的代码如下:

    ....
    if(cc.sys.isMobile&&cc.sys.browserType==cc.sys.BROWSET_TYPE_SAFARI&&window.innerHeight!=document.documentElement.clientHeight){//判断是否为手机端并且用的Safari浏览器并且实际高度和显示高度不一致
        document.body.scrollTop=(document.documentElement.clientHeight-window.innerHeight)/2;//将网页滚动到高度差的一半。
    }
    ....

    此方法需要配合自己的屏幕适配代码使用,屏幕适配的代码每个游戏都不一样,这里只给大家一个思路。此方法只适用于ios13之前的版本。ios13之后的版本的safair浏览器用这个方法视图和按钮碰撞区域会错位,亲测。

    展开全文
  • 当点击输入框调出输入法时,输入框的位置被顶到了地址栏的下面,解决方案如下:scrollIntoView 如果滚动页面也是DOM没有解决的一个问题。为了解决这个问题,浏览器实现了一下方法, 以方便开发人员如何更好的控制...

    这里写图片描述
    当点击输入框调出输入法时,输入框的位置被顶到了地址栏的下面,解决方案如下:

    scrollIntoView
    scrollIntoView(ture)元素上边框与视窗顶部齐平;
    scrollIntoView(false)元素下边框与视窗底部齐平;  
    如果滚动页面也是DOM没有解决的一个问题。为了解决这个问题,浏览器实现了一下方法,  
                    以方便开发人员如何更好的控制页面的滚动。在各种专有方法中,HTML5选择了scrollIntoView()  
                    作为标准方法。  
                        scrollIntoView()可以在所有的HTML元素上调用,通过滚动浏览器窗口或某个容器元素,  
                    调用元素就可以出现在视窗中。如果给该方法传入true作为参数,或者不传入任何参数,那么  
                    窗口滚动之后会让调动元素顶部和视窗顶部尽可能齐平。如果传入false作为参数,调用元素  
                    会尽可能全部出现在视口中(可能的话,调用元素的底部会与视口的顶部齐平。)不过顶部  
                    不一定齐平,例如:  
                    //让元素可见  
                    document.forms[0].scrollIntoView();  
                    当页面发生变化时,一般会用这个方法来吸引用户注意力。实际上,为某个元素设置焦点也  
                    会导致浏览器滚动显示获得焦点的元素。  
                        支持该方法的浏览器有 IE、Firefox、Safari和Opera。  
    使用方法:
    document.querySelector("#roll1").onclick = function(){  
                        document.querySelector("#roll_top").scrollIntoView(false);}  
    _showCancel(){
    
          this.timer = setInterval(function() {
                document.querySelector("#ser").scrollIntoView(false);
            }, 10);
        },
        _hideCancel(){
    
          clearInterval(this.timer);
        },               
    展开全文
  • 文件夹的菜单栏和地址栏不见了

    千次阅读 2014-10-23 09:33:33
    文件夹的菜单栏和地址栏不见了的解决办法 开始-运行-regedit 依次打开到:  HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\Toolbar  下有三个子键:  Explorer 对于“我的电脑”,“资源管理器”...
  • 项目中遇到一个需求,就是另一个管理系统带参直接单纯的跳转跳转到vue pc项目中的某个页面,后再初始化查询数据,参数以地址栏的形式传入 管理系统:打开新地址地址 let obj = { id: 21, name: "测试传参" }; ...
  • chrome浏览器地址栏输入过的记录该怎么删除? 1、在电脑上找到chrome浏览器应用程序,并点击打开应用软件。 2、在跳转的界面中,输入网站的开头,会出现输入的记录。 3、按下电脑键盘上的方向键,将光标移动到需要...
  • 入门学习Linux常用必会60个命令实例详解doc/txt

    千次下载 热门讨论 2011-06-09 00:08:45
    文件为doc版,可自行转成txt,在手机上看挺好的。 本资源来自网络,如有纰漏还请告知,如觉得还不错,请留言告知后来人,谢谢!!!!! 入门学习Linux常用必会60个命令实例详解 Linux必学的60个命令 Linux提供...
  • unity3D-下载安装指南

    千次阅读 2020-02-17 20:20:28
    在unity3D中将2-4安装的地址在制定位置连接上[最重要的一步] ​ 6.3DMax下载安装 ​ 7.3DMax基本使用 ​ 8.3DMax 创建一个移动的物体 ​ 9.将移动的物体成功导入到unity中。 下载安装 ​ 可直接进入unity3d官网下载....
  • 1、 在地址栏里输入 : about:config 点确定 2、搜索: location 找到 dom.disable_window_open_feature.location;false 设置为 false  3、重新打开就可以了。
  • adb命令大全

    千次阅读 多人点赞 2019-06-03 22:19:07
    4.10.6 修改状态和导航的显示隐藏 4.11 实用功能 4.11.1 屏幕截图 4.11.2 录制屏幕 4.11.3 查看连接过的 WiFi 密码 4.11.4 设置系统日期和时间 4.11.5 重启手机 4.11.6 检测设备是否已 root 4.11.7 使用 Monkey ...
  • 测试开发笔记

    万次阅读 多人点赞 2019-11-14 17:11:58
    1、发布一个下载地址 2、用户进行软件下载并使用 回归测试: 回归测试可以发生在任何一个阶段 分为完全回归和选择回归 回归范围 回归分类 特点 优点 缺点 适用范围 完全回归 完全重复法 每次回归测试都要执行全部...
  • Mac版 WebStorm开发H5 - 局域网内移动端手机设备打开 前提:手机和电脑在同一局域网。 1. WebStorm 偏好设置里如下设置: ...3. 将火狐地址栏的 localhost 换成mac的wifi 的ip地址(wifi偏好设置里查看)
  • C#基础教程-c#实例教程,适合初学者

    万次阅读 多人点赞 2016-08-22 11:13:24
    也可以单击浏览按钮,在打开文件对话框中选择文件夹。单击确定按钮,创建项目。出现如图1.2.2C界面。编写一个应用程序,可能包含多个文件,才能生成可执行文件,所有这些文件的集合叫做一个项目。 (3) 修改class1.cs...
  • 因为像Facebook主页这样的动态页面,打开后在浏览器缓存中很快甚至马上就会过期,毫无疑问他们不能从中读取。 所以,浏览器将把一下请求发送到Facebook所在的服务器: GET http://facebook.com/ HTTP/1.1 ...
  • 在拦截器的perHandle方法中判断httpServletRequest.getHeader("referer")是否为空,若为空则拦截来防止用户通过地址栏直接访问后台接口。 HTTP Referrer是header的一部分,当浏览器向web服务器发出请求的时候,...
  • Fiddler抓包教程

    千次阅读 多人点赞 2016-12-09 13:54:54
    启动Fiddler,打开菜单中的 Tools > Fiddler Options,打开“Fiddler Options”对话框。 在Fiddler Options”对话框切换到“HTTPS”选项卡,然后勾选“Decrypt HTTPS traffic”和“Ignore server certficate ...
  • 在微信中,打开app下载链接,或者使用微信扫一扫app下载二维码,都是无法下载app的。 因为腾讯为了自身利益,屏蔽了其他app直接在微信中下载。下面给分享下,找到的2种有效的解决方案。   方案:点击链接,...
  • eclipse安装ADT和SDK插件

    万次阅读 2015-10-10 12:30:09
    文件,可能需要翻墙下载,直接贴出文件地址,大家可以用迅雷下载:   SDKTools Only Platform Package Size MD5 Checksum Windows android-...
  • 由于微信的限制,应用文件在内置浏览器中下载全部被屏蔽掉,造成很多人用微信扫描二维码下载时,界面显示...微信二维码扫一扫打开手机外部浏览器打开指定HTML网页 微信域名检测接口原理,微信js接口域名该如何实现
  • 移动web开发笔记

    万次阅读 2016-05-15 20:12:27
    )搞清楚了PPI是什么意思,我们就能很容易理解PPI的计算方式了,我们需要首先算出手机屏幕的对角线等效像素,然后处以对角线(我们平常所说的手机屏幕尺寸就是说的手机屏幕对角线的长度),就可以得到PPI了。...
  • 苹果手机用微信内置浏览器访问页面,如果出现底部工具遮挡页面的情况,可以用这串代码解决 pushHistory(); function pushHistory() { var state1 = { title: "title", url: "#" }; window.history.pushState...
  • (1)关闭Chrome浏览器; (2)进入Chrome的User Data目录,默认为:“系统...(3)在“Default”文件夹中找到“Preferences”用记事本打开(以前老版本是在“User Data”文件夹中打开Local State文件修改)。 将里面
  • 以chrome为例,你可以在地址栏输入:chrome://net-internals/#dns来查询自己曾经访问过的网站),那么浏览器会搜索操作系统(这里的操作系统代指的是你正在使用的计算机)自身的DNS缓存;  如果本地操作系统的DNS...
  • MATLAB 2018b 安装与简介

    万次阅读 多人点赞 2019-02-18 13:07:00
    下载地址: 由于2018版本安装包丢失,现附上2019A版的下载链接,破解过程类似。 请复制链接及提取码并打开,直接点击链接会被屏蔽 链接:https://pan.baidu.com/s/1kENZPKNIpni3taiy-jE4ng zwm3 matlab2018b破解版...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 38,068
精华内容 15,227
关键字:

怎么打开手机地址栏