精华内容
下载资源
问答
  • 先来看一张截图红色框处就是用手机浏览器打开页面时,自动显示出来的头部地址栏和底部工具栏如果现在有一个需求,用手机浏览器打开页面时,把地址栏和工具栏隐藏,该怎么办呢?起初我在度娘找到了好几篇博客都推荐...

    先来看一张截图

    f6395285dff91eecb50c3fce0684ec2b.png

    红色框处就是用手机浏览器打开页面时,自动显示出来的头部地址栏和底部工具栏

    如果现在有一个需求,用手机浏览器打开页面时,把地址栏和工具栏隐藏,该怎么办呢?

    起初我在度娘找到了好几篇博客都推荐如下方法

    注:但使用该方法没有效果(可能该属性只针对 iOS 7.1 的 Safari 有用)

    几经波折,我发现并没有直接能够隐藏掉地址栏和工具栏的方法,但有一个折中的方法。

    手机浏览器打开页面时,地址栏和工具栏不隐藏,当你往上滑动页面时再隐藏,往下滑动页面时再显示

    window.onload = function() {

    setTimeout(function() {

    window.scrollTo(0, 1)

    }, 0);

    };

    但加上这段代码后,可能没有效果。这是因为页面内容较少时,不会隐藏地址栏;但网页内容较多,超过屏幕可视高度,才会自动隐藏地址栏

    那如何解决在内容较少时,同样隐藏地址栏呢?添加如下代码即可

    window.onload = function() {

    scroll();

    }

    function scroll() {

    if(document.documentElement.scrollHeight <= document.documentElement.clientHeight) {

    bodyTag = document.getElementsByTagName('body')[0];

    bodyTag.style.height = document.documentElement.clientWidth / screen.width * screen.height + 'px';

    }

    }

    补充:还有一种更简单的方法,直接使用meta标签

    微信QQ打开网页时提示用浏览器打开

    微信QQ打开网页时提示用浏览器打开 一,需求分析 1.1,使用微信或QQ打开网址时,无法在微信或QQ内打开常用下载软件,手机APP等.故此需要在微信qq里提示 二,功能实现 2.1 html实现 &l ...

    Win2003打开网页时总是提示添加网址到信任站点的设置方法

    在WIN2003系统中,我们打开网页,或打开网站,或浏览网页时,老是跳出一个窗口提示“添加网址到信任站点”,“网页老是提示添加信任”或“2003每打开一次网页都要加入受信任站点”或“win2003提示 ...

    IOS safari浏览器登陆时Cookie无法保存的问题

    近期完成了一个儿童的测评项目,测试到最后的时候发现在ipad mini上登陆成功之后无法跳转页面,而安卓和pc端都可以,找了大半天bug,发现其他的苹果设备都没问题,只能一个一个的调试,结果发现设备的 ...

    用webview打开网页时,里面有个div带滚动条的,但是在平板上滚动条失效

    android2.3的不支持滚动条,并且scrollTop也不支持的.(设置overflow未hidden就可以支持). function noBarsOnTouchScreen(arg) { var ...

    用JS打开网页时自动更改css样式,可用于处理浏览器兼容

    代码:

    {    co ...

    解决IOS safari在input focus弹出输入法时不支持position fixed的问题

    该文章为转载 我们在做移动web应用的时候,常常习惯于使用position:fixed把一个input框作为提问或者搜索框固定在页面底部.但在IOS的safari和webview中,对position ...

    inno安装卸载时检测程序是否正在运行卸载完成后自动打开网页-代码无效

    inno安装卸载时检测程序是否正在运行卸载完成后自动打开网页-代码无效 inno setup 安装卸载时检测程序是佛正在运行卸载完成后自动打开网页-代码无效 --------------------- ...

    Winform中怎样对窗体进行隐藏,再次打开时仍然保留上次的窗体

    场景 点击按钮后打开窗口,点击窗口的确定按钮后即使窗体返回了Ok,此时不关闭窗体,将窗体隐藏. 再次点击按钮后,仍然打开上次的窗体. 注: 博客主页: https://blog.csdn.net/ba ...

    随机推荐

    MapReduce和Spark写入Hbase多表总结

    作者:Syn良子 出处:http://www.cnblogs.com/cssdongl 转载请注明出处 大家都知道用mapreduce或者spark写入已知的hbase中的表时,直接在mapreduc ...

    PCI Express(一)- Connector

    展开全文
  • 以前在用手机163邮箱的时候发现他们的网页刚进去的时候自动隐藏地址栏,这样就表现的很像一个客户端,效果非常的不错。后来很多网站也做了这种效果,比如手机百度等,而最近我也在做一个手机网页需要在加载完毕时...

      以前在用手机163邮箱的时候发现他们的网页刚进去的时候自动隐藏了地址栏,这样就表现的很像一个客户端,效果非常的不错。后来很多网站也做了这种效果,比如手机百度等,而最近我也在做一个手机网页需要在加载完毕时把地址栏隐藏掉,就google了一下,还真有,下面就是源码:

     

     1 window.οnlοad=function(){
     2 
     3    var body=document.getElementById("body");
     4 
     5    body.style.height=window.innerHeight+100; //这是让body的内容高度设为高于浏览器文档显示区域高度
     6 
     7    window.scrollTo(0, 1);//设置滚动条
     8 
     9    body.style.height=window.innerHeight;//重新设置body的高度恢复原来的。
    10 
    11 };

     

     

    但是测试发现,其实只需在加载完毕时设置滚动条就行了,那么代码就非常的简单了只需:

     

    window.οnlοad=function(){
    
       window.scrollTo(0, 1);//设置滚动条
    
    };

     

     

    这样就超级简单,scrollTo是把内容指定的某个位置,scrollTo(Xpos,Ypos)。Xpos要在窗口文档显示区左上角显示的文档的 x 坐标。Ypos要在窗口文档显示区左上角显示的文档的 y 坐标。

    转载于:https://www.cnblogs.com/feishao528/archive/2012/08/10/2631603.html

    展开全文
  • 网页转变成app,隐藏浏览器地址栏 创建chrom快捷方式 双击打开chrom快捷方式 网页右上角 更多工具 创建快捷方式 在窗口中打开 打勾 创建 完成

    网页转变成app,隐藏浏览器地址栏

    创建chrom快捷方式

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-T9PM72n2-1594347596322)(C:\Users\xiahuadong\Documents\csdn博客\网页转app1.png)]

    双击打开chrom快捷方式

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LlOSqTkl-1594347596324)(C:\Users\xiahuadong\Documents\csdn博客\网页转app2.png)]

    网页右上角

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mkK7RddW-1594347596324)(C:\Users\xiahuadong\Documents\csdn博客\网页转app3.png)]

    更多工具 创建快捷方式

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-HERWfedK-1594347596326)(C:\Users\xiahuadong\Documents\csdn博客\网页转变app1.jpg)]

    在窗口中打开 打勾 创建

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-EUecJBFE-1594347596328)(C:\Users\xiahuadong\Documents\csdn博客\网页转app4.png)]

    完成

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0c7oQsVL-1594347596328)(C:\Users\xiahuadong\Documents\csdn博客\网页转app5.png)]

    展开全文
  • 首先创建项目,在main.xml里 添加好WebView控件R.id为webview...这样运行就可以达到Browser显示网页隐藏地址栏了。 以上代码经过测试,完全能用。 转载于:https://www.cnblogs.com/shijiaoyun/p/4012591.html

    首先创建项目,在main.xml里

    添加好WebView控件R.id为webview1。

    HelloWebView.java 代码

    package liu.ming.com;

    import android.app.Activity;
    import android.os.Bundle;
    import android.view.KeyEvent;
    import android.webkit.WebView;
    import android.webkit.WebViewClient;

    public class HelloWebView extends Activity {
        WebView mWebView;
        /** Called when the activity is first created. */
        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.main);
           
            mWebView = (WebView)findViewById(R.id.webview1);
            mWebView.getSettings().setJavaScriptEnabled(true);
            mWebView.loadUrl("http://wap.baidu.com");
           
            mWebView.setWebViewClient(new HelloWebViewClient());
        }
       
        private class HelloWebViewClient extends WebViewClient{
       // 在WebView中而不是默认浏览器中显示页面
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                // TODO Auto-generated method stub

    view.loadUrl(url);
                return true;
            }
           
        }

    下面代码没有添加,在我的手机里也隐藏地址栏了,但是有的设备可能还要加这些

        @Override
        public boolean onKeyDown(int keyCode, KeyEvent event) {
            // TODO Auto-generated method stub
            if((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack())
            {
                mWebView.goBack();
                return true;
            }
            return super.onKeyDown(keyCode, event);
        }
    }

    要想没有TitleBar,得在value/下建立一个style.xml

    <?xml version="1.0" encoding="utf-8"?>
    <resources>
        <style name="NewTheme" parent="@android:style/Theme.NoTitleBar">
       
        </style>
    </resources>
    同时要使得你的网页有上网功能和隐藏TitleBar,则需要在AndroidManifesti.xml中加入

     <activity android:name=".HelloWebView"
                      android:label="@string/app_name"
                     android:theme="@android:style/Theme.NoTitleBar"
                      >

    /这段应隐藏标题

    要注意,设备访问权限,要改成允许访问INTERNET

    在<application>外加上

    <uses-permission android:name="android.permission.INTERNET" />

     

    这样运行就可以达到Browser显示网页时隐藏掉地址栏了。

    以上代码经过测试,完全能用。

    转载于:https://www.cnblogs.com/shijiaoyun/p/4012591.html

    展开全文
  • 直接贴源码: package com.example.webview; import android.app.Activity; import android.os.Bundle; import android.webkit.WebView; import android.webkit.WebViewClient;...public class MainActivity ext
  • 在 iOS 7.1 的 Safari 中为 meta 标签新增 minimal-ui 属性,让网页在加载时便可隐藏顶部的地址栏与底部的导航栏。 如何实现?你只需将“minimal-ui”加入 viewport meta 标签的属性中,比如: <meta name=...
  • iphone andorid下默认浏览器 都会 自己把地址栏隐藏出来的iphone可以把页面生成桌面链接 然后页面添加可以显示全屏最佳效果隐藏地址栏这早已是控制浏览器了安卓5.1.1地址栏怎么隐藏不了,支不支持,怎么支持单纯看...
  • 在过去,用 Safari 打开...始终强调人性化设计的苹果当然注意到了这点,于是在 iOS 7.1 的 Safari 中为 meta 标签新增 minimal-ui 属性,让网页在加载时便可隐藏顶部的地址栏与底部的导航栏。 如何实现?你只需将 ...
  • //加载需要显示的网页 webView .loadUrl( "http://www.baidu.com/" ) ; //设置Web视图 webView .setWebViewClient( new MyWebViewClicnt()) ; setContentView( webView ) ; } private class ...
  •  android提供了封装浏览器的接口,可以让开发者利用自己的view显示网页内容。今天又实现研究了一下,利用WebView显示浏览器内容,还可以利用 WebViewClient显示自己需要的...可以看到在浏览器上面已经没有地址栏
  • 直接贴源码:package ...import android.app.Activity;import android.os.Bundle;import android.webkit.WebView;import android.webkit.WebViewClient;public class MainActivity extends Activity {pri...
  • 手指滑屏向上滚动(网页向下),如果地址栏隐藏,那么 地址栏 首先慢慢显示,然后 WebView 才开始滚动。 实现方案 根据 View 的 onInterceptTouchEvent 和 onTouchEvent 原理。把 ScrollView 设置为 WebView 的一个...
  • 很多网页设计点击后地址栏中url不会变化,为什么点击的时候地址栏里面的网址没有发生变化呢,原因不用多说,他的网页都在一个框架里面,只要框架(frame)的url没有在点击的时候发生变化,则地址栏中的url就不会有变化...
  • 思路要求ScrollView 嵌套 地址栏...手指滑屏向上滚动(网页向下),如果地址栏隐藏,那么 地址栏 首先慢慢显示,然后 WebView 才开始滚动。实现方案 根据 View 的 onInterceptTouchEvent 和 onTouchEvent 原理。把 Scro
  • Safari :全屏之后,“显示”菜单中去掉“始终在全屏中显示工具”的对勾。 Chrome :全屏之后,“视图”菜单中选择“采用全屏模式时隐藏工具”。 shift + cmd + F 来自未来的感谢+1 ...
  • safar浏览器中只有一个Creator网页,横屏后会自动全屏,但是如果有多个网页,Creator网页横屏后safar浏览器无法全屏.关于此问题,解决文案如下,供大家参考 一、将项目打包,找到打包出的index.html文件,在html文件里,...
  • 支不支持,怎么支持纯粹看浏览器留下的接口手机浏览器也是一样的道理同一个手机为什么上百度的时候能够在加载完之后,地址栏隐藏掉,而访问我写的网页就不能够隐藏掉,请问这是为什么?没有说...
  • 查看隐藏网页代码

    千次阅读 2008-03-19 22:35:00
    先打开你要查看的网页,将下面代码复制进地址栏,回车OK!javascript:s=document.documentElement.outerHTML;document.write();document.body.innerText=s; 
  • 当您在Chrome中使用全屏模式隐藏地址栏时,存在一个大问题:您打开新网页或难以使用搜索功能。 我们的扩展程序为您带来了一个上下文地址栏。 它仅在您需要时显示。 如果您同时使用屏幕模式和黑暗模式,Chrome的传统...
  • 鼠标放在文件链接上,左下角显示链接,点击下载之后,地址栏又出现链接,如何隐藏,目的就是阻止别人通过传播这个域名让没有付费过的人下载这个文件,懂的不多,希望能说得详细一些 ![图片说明]...
  • 网页图片隐藏的JS代码

    千次阅读 2011-12-26 20:14:18
    javascript:for(jK6bvW=0;jK6bvW 随便打开一个网页,然后在浏览器地址栏中输入以上JS代码,网页的图片就都被隐藏了。
  • 去年8月,谷歌开始在Chrome 76版本...除了单击地址栏外,另一种查看网页完整 URL 的方法是,安装谷歌的 Suspicious Site Reporter(可疑站点报告)扩展。曾经有一段时间,Chromium 团队通过临时的 “Omnibox UI Hide...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 498
精华内容 199
关键字:

隐藏网页地址栏