移动开发中一些bug及解决方案

网页开发要面对各种各样的浏览器，让人很头疼，而移动开发中，你不但要面对浏览器，还要面对各种版本的手机，ios好一点，而安卓就五花八门了，你可能在开发中也被它们折磨过，或者正在被它们折磨，我在这里说几个我在开发中遇到的比较难缠问题，和解决方案，给其他朋友提个醒，因为一旦碰到了这些bug，虽然解决方法不难，但是你可能要花上几个小时，几天，甚至更长时间才能解决它们，遇到这些bug的话要注意，以后发现其他bug也会继续补充，也希望你也可以把你遇到的bug或者解决方案回复给我，我会一起补充到文章里，帮助其他人一起解决问题。

bug一：

现象：

android4.0以上一部分手机的webview中，当canvas小于屏幕大小时，绘图时会出现重影，就是说一个图只绘制了一遍，却出现了两个

解决方案：

canvas外层的div需要设定属性style="overflow:visible;-webkit-transform: translateZ(0);

bug二：

现象：

Galaxy S4的webview中的canvas绘图有严重bug，无论是fillRect还是drawImage,会把0,0开始的1个像素，绘制到整个canvas，导致画面无法显示。注：此现象只出现在首次页面加载，当第二次进入页面后没有此问题。

解决方案：

galaxy s4的webview显示canvas的时候，有两个条件必须满足：
1，canvas外层的div需要设定属性style="overflow:visible;-webkit-transform: translateZ(0);" 

2，页面上不得含有img标签

bug三࿱