不同网络环境下的提示
2016-05-26 本文已影响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
点击播放（爱奇艺）
