精华内容
下载资源
问答
  • 自动、定时下拉刷新手机屏幕,用于某些软件自动下拉刷新数据
  • 三是自动刷新容易造成用户的反感(即用户体验差)。 1.关于点入时自动刷新 进入时是否自动刷新新浪微博和腾讯微博分成两派。 新浪微博进入时不自动刷新。碎片化的阅读时间,可为用户保留阅读进度;节省用户流量;...

    一是将主动权交给用户;
    二是为用户的流量着想;
    三是自动刷新容易造成用户的反感(即用户体验差)。

    1.关于点入时自动刷新

    进入时是否自动刷新新浪微博和腾讯微博分成两派。

    新浪微博进入时不自动刷新。碎片化的阅读时间,可为用户保留阅读进度;节省用户流量;将阅读主动权交给用户。

    腾讯微博进入时自动刷新。此点相较之下不够人性化。不过对比新浪,痛点在于活跃用户少、互动质量差,UGC也较少。对于众多的非活跃用户,下载了客户端,偶尔点进去一次,自动刷新告诉你,有这么多新内容,我还活着啊,我还很活跃啊。

     

    2.关于按键刷新

    除了下拉手势刷新外,刷新按键也是必须的。设想,你在微博阅读到底部时,然后再一直向前翻页,到顶部再下拉刷新。这个过程枯燥冗长。并且,对于装机量巨大的两大微博(至少可去各大应用商店查找数据),低端用户还习惯与上一代手机的按键操作,对于手势,并不敏感。

    新浪主页有新内容提示为一个小红点。

    腾讯主页的新内容提示为数字。点击底部通栏中主页符号,即自动更新,在用户无准备情况下就更新了内容。省略了保留之前阅读状态,且耗费流量。

    因为更新频率和数量多,此类烦躁的数字提示,都在避免。例如微信5.0后将公众账号分为“服务号”(一月一条推送)和“订阅号”,并将订阅好收叠在一起,红点提示有更新。

    而对于回复提醒等,用户是期待的,心理机制就不同了。

    转载于:https://www.cnblogs.com/yanghj010/p/4276939.html

    展开全文
  • 最近自己做了一个读书摘要分享的网站,兼容PC端和手机端浏览器,可是在手机浏览器滚动条到达底部时,不自动刷新。一般情况下,根据 scrollTop+WindowHeight ==scrollHeight的值来判断滚动条是否到达底部,然后自动...

            最近自己做了一个读书摘要分享的网站,兼容PC端和手机端浏览器,可是在手机浏览器滚动条到达底部时,不自动刷新。一般情况下,根据 scrollTop+WindowHeight == scrollHeight的值来判断滚动条是否到达底部,然后自动刷新页面,动态载入数据,在PC端完全没有问题,可是在手机端就无法动态载入数据。
            为了解决该问题,我采用在页面底部添加一个“加载更多”的点击按钮,这样,在PC端打开网页时,页面动态刷新加载数据,在手机端时,通过点击“加载更多”按钮来实现数据加载。通过了解,新浪微博、百度在手机端也是采用的“点击更多”的方式来实现内容加载的。如果你觉得在PC端,“加载更多”按钮有点多余,你可以做适配,根据屏幕的大小来判断是否显示“加载更多”按钮,但是我个人觉得没有必要。

    效果可以见网站:www.thinbook.cn

    展开全文
  • 使用webpack构建前端开发环境,可以直接使用webpack构建本地服务,实现页面保存自动刷新。 模块安装 首先安装webpack-dev-server模块 npm install --save-dev webpack-dev-server 安装完成后然后修改webpack...

    前提

    使用webpack构建前端开发环境,可以直接使用webpack构建本地服务,实现页面保存自动刷新。

    模块安装

    首先安装webpack-dev-server模块

    npm install --save-dev webpack-dev-server

    安装完成后然后修改webpack.config.js文件,在里面添加

    module.exports = {
        devtool: 'source-map', //调试配置,生成source maps
        entry:  __dirname + "/app/main.js",//已多次提及的唯一入口文件
        output: {
            path: __dirname + "/public",//打包后的文件存放的地方
            filename: "js/index.js"//打包后输出文件的文件名
        },
    
        //以下是服务环境配置
        devServer: {
            contentBase: "./public",//本地服务器所加载的页面所在的目录
            historyApiFallback: true,//不跳转
            inline: true, //实时刷新
            host: "192.168.0.232", //本机的局域网ip
            open: true //是否运行成功后直接打开页面
        }
    }

    最后,在package.json里面添加

    "scripts": {
        "server": "webpack-dev-server --open"
      },

    直接当前目录打开cmd,运行npm run server就可以看到当前页面,而且还可以刷新

    相关配置

    配置选项 功能描述
    contentBase 默认webpack-dev-server会为根文件夹提供本地服务器,如果想为另外一个目录下的文件提供本地服务器,应该在这里设置其所在目录(本例设置到“public”目录)
    host 设置监听的ip地址,可以在cmdipconfig内查看,设置后可以在局域网内任何设备访问
    port 设置默认监听端口,如果省略,默认为”8080”
    inline 设置为true,当源文件改变时会自动刷新页面
    historyApiFallback 在开发单页应用时非常有用,它依赖于HTML5 history API,如果设置为true,所有的跳转将指向index.html

    更多功能请看官网这里

    展开全文
  • JSP页面用电脑访问能自动刷新(写了定时器,实现自动刷新功能),用手机访问却不能自动刷新,为何??
  • 手机网页定时自动刷新怎么做?? 不太懂,求高手指点。
  • [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]
    展开全文
  • &lt;script&gt; window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", hengshuping, false); $(function(){ //页面加载时... func...
  • 前端自动刷新工具

    2017-08-22 18:40:00
    Browsersync能让浏览器实时、快速响应您的文件更改(html、js、css、sass、less等)并自动刷新页面。更重要的是 Browsersync可以同时在PC、平板、手机等设备下进项调试。 1. 安装 Node.js BrowserSync是基于Node.js...
  • 参考 @于江水 大神的原文 移动端前端开发调试1、首先安装 BrowserSyncnpm install -g browser-sync 2、启动 BrowserSync,此时分两种情况,一种是静态: 监听css文件 browser-sync start –server –files “css/*....
  • 两种方法,适合哪个用哪个 document.onreadystatechange = function () { if(document.readyState=="complete") { location.reload(); } }
  • “Browsersync能让浏览器实时、快速响应您的文件更改(html、js、css、sass、less等)并自动刷新页面。更重要的是Browsersync可以同时在PC、平板、手机等设备下进项调试。您可以想象一下:“假设您的桌子上有pc、...
  • Browsersync能让浏览器实时、快速响应您的文件更改(html、js、css、sass、less等)并自动刷新页面。 更重要的是Browsersync可以同时在PC、平板、手机等设备下进项调试 1 安装 已经按照cnpm库的可以使用命令行...
  • 有的手机,需要重启才会更新,有的则是及时。因此,为了适配,不论什么机型,强制更新是必要的。 网上查找,多有两种方案。一是发送系统广播,一是使用MediaScannerConnection对象。 对于广播而言,其局限性在于,...
  • 解决网页在手机浏览器打开不停刷新的方案(百度的ua自动转向js问题)
  • bootstrap中按钮点击会自动刷新解决

    万次阅读 2016-03-27 16:09:48
     分成手机和用户名登陆,在实际操作中是使用Ajax异步加载的,但有个问题,我在单机登陆按钮时会自动刷新页面,明明什么事情也没做啊,纠结了半天,最后发现在定义按钮是没有写type="button"这个属性,虽然它的...
  • AutoRefresh插件:开启页面自动刷新

    千次阅读 2020-01-10 14:57:21
    例如在监视阅读量/下载量/评论,抢购新上市的手机和演唱会门票,查看网站更改进度这些场景中,如果都采用手动刷新,那是相当麻烦的一件事。Auto Refresh就是一款可以自行定制标签页刷新时间的Chrome扩展,你只需要...
  • Browsersync能让浏览器实时、快速响应你的文件更改(html、js、css、sass、less等)并自动刷新页面。更重要的是 Browsersync可以同时在PC、平板、手机等设备下进项调试。你的任何一次代码保存,以上的设备都会同时...
  • 上面是官方的图, 看不懂没关系, 解读如下: ...在虚拟设备上,按[ Ctrl + M ], 选择 Enable live Reload就是自动刷新了 同理, 在虚拟设备上连按两下R就是手动刷新 *tips: 真机摇晃下手机就会出现上图的选择菜单 ...
  • 问题复现 :输入手机号,点击Button 按钮 ,input 框中的值会消失,后来发现是页面自动刷新了。 如图: 如图: 这是我的代码 灰色的注释掉的是我一开始的写法 红色长条框内 蓝色框内是后来修改好的写好 总结: 我是...
  • //需要手机接手短信验证码,返回手机号码,以便发送短信进行验证 } } }else//帐号被冻结 { echo "LOCK"; } }else { echo "FAIL"; } } } // 登陆口的文件名:index 代码如下 //...
  • 设计: 使用自定义view显示动态变化的内容。比如RSS,Mail,Message等自动...普通情况下可以正确处理自动刷新,当将手机转屏后会对内容的变化无响应,但是如果手动点击 屏幕去触发其刷新是有效果的。 原因: wi...
  • 说下思路:订单状态改变是后台改变了,然后通过三方推送订单数据到手机手机端通过拿到推送的数据进行自动刷新订单状态,这里面用到了Java设计模式中的:观察者模式。 接收推送的哪个类就是被观察者,接收到推送...

空空如也

空空如也

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

手机自动刷新