精华内容
下载资源
问答
  • <script> window.addEventListener("onorientationchange" in window ? "orientationchange"... $(function(){ //页面加载时检查 hengshuping(); }); func...
    <script>
        window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", hengshuping, false);
        $(function(){  //页面加载时检查
            hengshuping();
        });
    
        function hengshuping() {
            if (window.orientation == 0 || window.orientation == 180) {
                var shu=window.localStorage.getItem('name')
                if(shu=='a'){
                    window.location.reload();
                    window.localStorage.setItem('name','b');
                }
                //alert('竖屏')
    
    
                orientation = 'portrait';
                return false;
            }
            else if (window.orientation == 90 || window.orientation == -90) {
                var shu=window.localStorage.getItem('name')
                if(shu=='b'){
                    window.location.reload();
                    window.localStorage.setItem('name','a');
                }
    
                // alert('横屏')
    
                orientation = 'landscape';
                return false;
            }
        }
    </script>

     

     

    展开全文
  • [size=large]手机、平板电脑浏览器上页面后退后自动刷新页面 运用场景: 从九宫格导航页面跳转到其它页面后,点出浏览器的后退或设备上的后退键。要能够刷新九宫格页面。 [/size] :D [b][size=medium] 测试...
    [size=large]手机、平板电脑浏览器上页面后退后自动刷新页面
    运用场景: 从九宫格导航页面跳转到其它页面后,点出浏览器的后退或设备上的后退键。要能够刷新九宫格页面。 [/size] :D


    [b][size=medium]
    测试设备:
    GT-P1000 三星平板电脑(其实为大号手机 :D )
    操作系统:android2.1
    浏览器:Mobile Safari/533.1
    User Agent打印结果:
    Mozilla/5.0 (Linux; U; Android 2.1; zh-cn; GT-P1000 Build/FROYO) AppleWebKit/533
    .1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1[/size][/b]




    <head>
    <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd">
    <!-- 以下3个标签在Mobile的文档声明中不起作用,故改用js定时器来后退时的自动刷新 -->
    <--
    <meta HTTP-EQUIV="pragma" CONTENT="no-cache">
    <meta HTTP-EQUIV="cache-control" CONTENT="no-cache">
    <meta HTTP-EQUIV="expires" CONTENT="0">
    -->
    </head>
    <script>
    /* 使用了2个定时器,一个是每分钟刷新页面,另一个是后退后刷新页面 */
    var interval;

    function refresh(force){
    if(force){
    //alert("强制每分钟刷新!");
    window.location.reload();
    }else if("true"==getFlag()){
    //alert("后退刷新...");
    window.location.reload();
    }
    }

    //flag="true"/"false" (后退状态/非后退状态)
    function setFlag(flag){
    document.getElementById("isPageBack").value= flag + "";
    }

    function getFlag(){
    return document.getElementById("isPageBack").value;
    }

    //导航链接
    function navigate(target){
    doClearInterval();
    setFlag(true);
    forward(target);
    }

    //跳转到下个页面
    function forward(target){
    window.location.href="<ww:url value='/mobileNav!navigate.action'/>?navURL="+target;
    }

    function createInterval(){
    if(interval==undefined){
    //alert("在创建定时器:"+interval);
    interval = setInterval("refresh()", 500);
    }
    }

    function doClearInterval(){
    if(interval){
    //alert("在清除定时器:"+interval);
    window.clearInterval(interval);
    }
    }
    </script>
    <body onload="createInterval()" onunload="createInterval()">
    <input type="text" id="isPageBack" value="false" style="width: 500px;display:none;"/>

    </body>
    <script>

    //每分钟刷新一次
    setInterval("refresh(true)", 60000);
    </script>


    [size=medium]
    原先尝试用hidden元素来保存页面跳转前写到页面的isPageBack变量,但在safari浏览器,点击后退按钮后hidden元素的值被还原,可使用隐藏的输入框保存isPageBack变量。另外,safari浏览器中,页面后退时不会触发body的onload事件。[/size]
    展开全文
  • AutoRefresh插件:开启页面自动刷新

    千次阅读 2020-01-10 14:57:21
    例如在监视阅读量/下载量/评论,抢购新上市的手机和演唱会门票,查看网站更改进度这些场景中,如果都采用手动刷新,那是相当麻烦的一件事。Auto Refresh就是一款可以自行定制标签页刷新时间的Chrome扩展,你只需要...

    1537169521272624.pngAuto Refresh


    出于某种原因,在使用浏览器时我们可能需要每隔一段时间刷新一下网页。


    例如在监视阅读量/下载量/评论,抢购新上市的手机和演唱会门票,查看网站更改进度这些场景中,如果都采用手动刷新,那是相当麻烦的一件事。


    Auto Refresh就是一款可以自行定制标签页刷新时间的Chrome扩展,你只需要进行简单的设置就能让Chrome完成这项定时重复刷新的操作。


    1537169568379838.jpg


    它的使用方法也很简单,打开扩展,设置刷新时间间隔,点击【Start】就可以了。


    QQ截图20180917154927.jpg


    开启自动刷新后,扩展图标上会显示倒计时,点击【Stop】立刻停止刷新。


    QQ截图20180917155205.jpg


    需要注意的是,Auto Refresh的刷新只对当前网页有效,如果想要对多个网页设置自动刷新,那么每一个网页都要进行单独设置。


    Auto Refresh的功能简单,也许刚开始你会觉得它毫无用处,但在某些特殊的使用场景中,它却能代替人类劳动力变得实用起来。

    文章来源:[https://www.extfans.com/articles/204/](https://www.extfans.com/articles/204/)
    展开全文
  • “Browsersync能让浏览器实时、快速响应您的文件更改(html、js、css、sass、less等)并自动刷新页面。更重要的是Browsersync可以同时在PC、平板、手机等设备下进项调试。您可以想象一下:“假设您的桌子上有pc、...

    BrowserSync

    “Browsersync能让浏览器实时、快速响应您的文件更改(html、js、css、sass、less等)并自动刷新页面。更重要的是 Browsersync可以同时在PC、平板、手机等设备下进项调试。您可以想象一下:“假设您的桌子上有pc、ipad、iphone、android等设备,同时打开了您需要调试的页面,当您使用browsersync后,您的任何一次代码保存,以上的设备都会同时显示您的改动”。无论您是前端还是后端工程师,使用它将提高您30%的工作效率。”

    简单的说,BrowserSync就是搭建一个nodeJs服务器,监听指定文件,文件改动后,能够自动刷新所有设备的页面。开发时再也不用手动刷新页面啦,yeah~。

    安装

    首先,要安装nodeJS。

    然后通过npm全局安装browserSync。

    npm install -g browser-sync

    完成后,查看版本号

    browser-sync --version

    恭喜你,安装成功啦。

    输入一下命令就可以启动服务器啦,默认端口号为3000,如果默认端口号被占用,browserSync会寻找其他可用的端口号。当然,也可以通过--port指定端口号、

    browser-sync start --server

    更多的命令行使用方法可以参看官网

    gulp

    直接上gulpfile.js代码吧。最后一行,当html发生改动后,会自动刷新页面。

    复制代码
    let gulp = require('gulp');
    let browserSync = require('browser-sync').create();
    
    gulp.task('server', ['stylus', 'babel'],function() {
        browserSync.init({
            server: {
                baseDir: './'
            }
        })
        gulp.watch(`${mod}/*.html`).on('change', browserSync.reload);
    })
    复制代码

    监听静态文件

    复制代码
    gulp.task('stylus', function() {
        return gulp.src(filePath.css.src())
            .pipe(stylus({
                compress: true,
                use: nib()
            }))
            .pipe(gulp.dest(filePath.css.dest()))
            .pipe(browserSync.stream())
    })
    
    gulp.task('stylus:watch', ['stylus'], browserSync.reload())
    
    
    gulp.task('babel', function() {
        mod = argv.m;
        return gulp.src(filePath.js.src())
            .pipe(babel({
                presets: ['es2015']
            }))
            .pipe(gulp.dest(filePath.js.dest()));
    })
    
    gulp.task('babel:watch', ['babel'], browserSync.reload())
    复制代码

    只需要在任务的最后,调用reload方法,即可自动刷新页面了。这里只在监听任务中调用了reload()。

    转载于:https://www.cnblogs.com/zhangyubao/p/7003889.html

    展开全文
  • JSP页面用电脑访问能自动刷新(写了定时器,实现自动刷新功能),用手机访问却不能自动刷新,为何??
  • 问题复现 :输入手机号,点击Button 按钮 ,input 框中的值会消失,后来发现是页面自动刷新了。 如图: 如图: 这是我的代码 灰色的注释掉的是我一开始的写法 红色长条框内 蓝色框内是后来修改好的写好 总结: 我是...
  • 两种方法,适合哪个用哪个 document.onreadystatechange = function () { if(document.readyState=="complete") { location.reload(); } }
  • 一般情况下,根据 scrollTop+WindowHeight ==scrollHeight的值来判断滚动条是否到达底部,然后自动刷新页面,动态载入数据,在PC端完全没有问题,可是在手机端就无法动态载入数据。 为了解决该问题,我采用在页面...
  • 使用webpack构建前端开发环境,可以直接使用webpack构建本地服务,实现页面保存自动刷新。 模块安装 首先安装webpack-dev-server模块 npm install --save-dev webpack-dev-server 安装完成后然后修改webpack...
  • 我在A页面用mui中的openwindow 打开B页面,在B页面添加数据至后台,点返回按钮,回到A页面,我要这时在A页面自动刷新出B页面添加的数据。。这个怎么操作。。各位大神,急急急!!求赐教
  • 前端自动刷新工具

    2017-08-22 18:40:00
    Browsersync能让浏览器实时、快速响应您的文件更改(html、js、css、sass、less等)并自动刷新页面。更重要的是 Browsersync可以同时在PC、平板、手机等设备下进项调试。 1. 安装 Node.js BrowserSync是基于Node.js...
  • 前两天发现一个奇怪的问题:我在h5手机页面上通过window.open(url)的方式打开一个新窗口,在新窗口关闭的时候返回数据给父页面,然后新窗口自动close(),拿手机测试发现没有问题,测试通过。但是在PC端模拟的时候发现...
  • 在一个项目里,点击首页头像,跳转登录页,登录完成后自动后退上一页并刷新。此时用到的代码是: window.history.back(); 这个后退上一页dai代码,当时测试不全面,只在部分手机浏览器上测试通过,所以并没有发现...
  • Browsersync能让浏览器实时、快速响应您的文件更改(html、js、css、sass、less等)并自动刷新页面。 更重要的是Browsersync可以同时在PC、平板、手机等设备下进项调试 1 安装 已经按照cnpm库的可以使用命令行...
  • 之前只弄过滚动条滚到底部自动加载下一页,引入了一个别人写的infinite.js 现在功能是要类似于QQ聊天那样的到达顶部触发加载之前的聊天内容,自己试着写了一下,感觉写的好复杂,求助 我写的JS var system ={ ...
  • bootstrap中按钮点击会自动刷新解决

    万次阅读 2016-03-27 16:09:48
     分成手机和用户名登陆,在实际操作中是使用Ajax异步加载的,但有个问题,我在单机登陆按钮时会自动刷新页面,明明什么事情也没做啊,纠结了半天,最后发现在定义按钮是没有写type="button"这个属性,虽然它的...
  • 第一:我要做到文件修改后页面自动刷新 第二:能够在远程浏览DOM文件结构,能够像firebug那样调试页面,可以远程执行javascript,远程调试。 还好这两个我都找到了 下面分享下我的做法。 启动定制的...
  • Browsersync能让浏览器实时、快速响应你的文件更改(html、js、css、sass、less等)并自动刷新页面。更重要的是 Browsersync可以同时在PC、平板、手机等设备下进项调试。你的任何一次代码保存,以上的设备都会同时...
  • 设计: 使用自定义view显示动态变化的内容。比如RSS,Mail,Message等自动...普通情况下可以正确处理自动刷新,当将手机转屏后会对内容的变化无响应,但是如果手动点击 屏幕去触发其刷新是有效果的。 原因: wi...
  • //需要手机接手短信验证码,返回手机号码,以便发送短信进行验证 } } }else//帐号被冻结 { echo "LOCK"; } }else { echo "FAIL"; } } } // 登陆口的文件名:index 代码如下 //...
  • 问题描述:在微信中访问页面点击手机返回键时页面没刷新,如果是form提交的数据返回后没自动刷新,看不到效果。 window.addEventListener('pageshow', function (e) { if(e.persisted || (window.performance &...
  • 这个问题在iphone手机上会出现,在Android手机上返回时会自动刷新(由于手机机器种类不多,无法做更多测试,欢迎补充)。 为了解决这个问题实验了很多解决办法用计时器呀onload呀都不行,后来找到了一个方法...
  • 移动端页面调试神器-browser-...通常的测试场景是,前端人员人手N部测试机,改下页面,依次手动刷新各个手机,真的非常蛋疼,这些重复性的工作,不应该由人来完成,而应该由机器来自动完成,这时,browser-sync就体现出
  • 这个问题在iphone手机上会出现,在Android手机上返回时会自动刷新(由于手机机器种类不多,无法做更多测试,欢迎补充)。 为了解决这个问题实验了很多解决办法用计时器呀onload呀都不行,后来找到了一个方法...
  • 移动端html5 自动生成下拉刷新控件

    万次阅读 2015-04-16 16:25:19
    移动APP中很多页面可以下拉实现刷新,在此实现html5版本的下拉刷新控件。...2.写JS,在上面的容器上动态创建控件(下拉刷新控件,即手机APP中常见到的,下拉后有个加载圈在转,并提示下拉刷新。。) 3.给容器添加touch

空空如也

空空如也

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

手机页面自动刷新