webview上方被其他元素遮盖时无法获取获取屏幕宽高
在小米、vivo手机上（机型没有记录，不确定是否是全部机型），在无论是window.innerWidth还是zepto的$(window).width()，获取到的屏幕宽度都为0。
事情的来龙去脉：
在我们的应用场景中，外站拉起App，App冷起会有五秒的开机广告，此时正文也在同步渲染，但是广告是盖在正文上方。广告结束之后正文的内容无论同步还是异步数据，都可以展示，但是图片就是只显示默认图。
在经历了排查异步事件是否提前触发（图片加载是异步事件，客户端提前下载好图后给我们传递本机地址）、本地图片是否被清除 之后，把app连接到chrome上进行调试，才发现宽度被设置为0，这个0的来源是Math.min(屏幕最大宽度,图片本身宽度)，（为什么不设宽度100%？这就牵扯到另一个坑，有些Android手机屏幕分辨率有问题，例如最大屏宽360，100%宽度获取到的宽度是720...因为他是二倍屏...总是有这种奇葩手机的存在）。
解决方案：
(1) 客户端在检测到webView.onResume再去执行所有的异步事件（需要一点延时）。
可能因为系统认为webview已经获取焦点，但实际还没有完全切换成功。此时立刻调用window.innerWidth得到的扔会是0。当然可以采用万能的延时几十毫秒再去触发，但是认为此方法有些治标不治本，放弃。
(2) 客户端传递屏宽。
既然本身就有异步事件，在我们自己获取不到的时候，使用客户端传过来的即可。需要注意的是，前端的px单位，在客户端那里对应的是dpi，也就是3倍屏，前端获取屏宽为360px，客户端获取的会是1080px，他们对应的dpi是360。

属性冲突
使用JS动态设置动画的时候，为了考虑兼容，一般的写法如下：
dom.style.cssText += ';transform:translate3D(0,0,0);-webkit-transform:translate3D(0,0,0);';
在安卓某些机型下（已知的有vivo），动态写入后只有前者transform:translate3D(0,0,0)发生了改变，-webkit-transform:translate3D(0,0,0);并没有被赋值上，导致动画错误。
解决方案：
判断出来是安卓就只写-webkit-的属性

Android直接调用JS方法
有时候会有这样的需求，需要展示一个列表，端上直接调用JS方法，把数据给前端渲染，点击的时候前端把数据回传（例如跳转链接）。
但是在使用loadUrl方法直接执行js时，安卓4.4后，loadUrl的方式调用js，会自动进行decode。