美文网首页
不同网络环境下的提示

不同网络环境下的提示

作者: 圆顶大礼帽 | 来源:发表于2016-05-26 19:27 被阅读152次

    因为网络系统是相对独立的一个模块,所以我在写文档的时候经常容易遗漏他。故写此文,希望可以直接通用于以后的其它项目中。

    网络主要有以下几种情况:

           1.Wi-Fi

           2.数据流量:4G/3G/2G

           3.无网络

    另外网络环境也有好有坏,会有强网和弱网环境。所以一般情况下app会做缓存,避免每次因为网络差页面就一片空白。


    一、无网络环境如何处理

    1.初次使用的App,遇到无网络环境

    在打开的App的时候就检测网络环境,因为是首次打开App,所以显示的只是客户端写死的内容,配上无网络的一些文字提示或者图片提示。

    2.非初次使用的App,遇到无网络环境

    有缓存处理

    弹出框提示(喜马拉雅FM)

    上图中在一打开App的时候就弹出提示框,为无网络环境。

    图片文字提示(知乎) 文字提示(锤子阅读)

    相较于弹出框这种设计,更常见的是图片提示或者文字提示这两种。

    上面的很多例子中会看到点击加载的字样,这是一种重新刷新的方式;另外也可以通过检测网络环境,当有网时进行自动加载。

    无缓存处理

    无缓存的情况同首次打开App一样。


    二、特殊网络

    1.弱网环境

    在弱网环境下,网络加载的速度比较慢。一般会设置一个加载时间,比如30s,当加载超时之后,会给出一个网络加载失败的提示。

    2.4G/3G/2G网络环境

    这种环境之所以也被列入特殊环境,主要是针对一些耗流量的App,像视频类App、多图的App等。所以当用户处在数据网络下时,要相应作出流量预警的提示。

    bilibili 点击播放(爱奇艺)

    相关文章

      网友评论

          本文标题:不同网络环境下的提示

          本文链接:https://www.haomeiwen.com/subject/cjsxdttx.html