網頁開發要面對各種各樣的瀏覽器，讓人很頭疼，而移動開發中，你不但要面對瀏覽器，還要面對各種版本的手機，ios好一點，而安卓就五花八門了，你可能在開發中也被它們折磨過，或者正在被它們折磨，我在這裡說幾個我在開發中遇到的比較難纏問題，和解決方案，給其他朋友提個醒，因為一旦碰到了這些bug，雖然解決方法不難，但是你可能要花上幾個小時，幾天，甚至更長時間才能解決它們，遇到這些bug的話要注意，以後發現其他bug也會繼續補充，也希望你也可以把你遇到的bug或者解決方案回覆給我，我會一起補充到文章裡，幫助其他人一起解決問題。

bug一：

現象：

解決方案：

bug二：

現象：

解決方案：

2，頁面上不得含有img標籤

bug三：

現象：

解決方案：

用clearRect重新整理canvas。

bug四：

現象：

解決方案：

遇到的朋友不用問google或百度了，因為官方沒有提供解決辦法，所以目前只能棄用iScroll

備註：感謝網友［Meathill］提供資訊，“

bug五：

現象：

解決方案：

canvas.width=canvas.width

canvas.clearRect().getContext("2d").clearRect()

方案2:

就是用不透明背景，對於每偵重繪的遊戲或應用來說，不透明背景就不會存在清屏的問題，當然這其實是選擇了繞行，對於需要將canvas背景設定成透明的情況還是沒有解決。

方案3:

canvas.clearRect(0, 0, w, h);
canvas.style.visibility = ‘hidden’; // Force a change in DOM
canvas.offsetHeight; // Cause a repaint to take play
canvas.style.visibility = ‘inherit’; // Make visible again

這個會導致延時。

方案4:

canvas.clearRect(0, 0, w, h);
canvas.style.display = ‘none’;// Detach from DOM
canvas.offsetHeight; // Force the detach
canvas.style.display = ‘inherit’; // Reattach to DOM

方案3和方案4由網友 Codezz 提供，解決方案的出處為。

bug六：

現象：

解決方案：

目前還沒有找到完美的解決方案，如果有人知道，請一定告訴我。

感覺現在最好的辦法就是將canvas頁面和有輸入框的頁面分離開。

還有一種方法只能解決一部分手機的問題，就是在canvas的上一層的div中，設定style.width和style.height分別等於canvas的style.width和style.height，但是經過測試，這樣只能解決一部分手機。

另外，下面是Android4.0中使用iframe時的限制或者是bug，

iframe中的bug我只遇到了一部分，然後稍微查了一下，發現原來還有很多，我就全列出來了

1，<a>標籤中即使設定display:block，也會變成display:inline。
2，屬性為position:fixed的元素無法點選。（另外Android的Chrome的話，如果iframe中有元素的position屬性被指定為fixed或者absolute時將無法使用下拉條。）
3，document.body.scrollTop無法獲取。
4，-webkit-tap-hightlight-color指定無效。
5，Anchor link無效
6，頁面最下面的<a>超連結可點選，但是點選無效，頁面不會跳轉。
7，z-index重疊的元素，pointer-events指定無效。

－－－－－－－－－－－－－－－－－－－－

以下部分開始，由網友提供，感謝其他網友一起分享

－－－－－－－－－－－－－－－－－－－－

一，

［完美小盒子］：使用絕對定位的輸入框，有時會無法輸入東西，涉及IOS和Android所有版本的預設瀏覽器。 暫時沒有完美的解決辦法， 只有個很笨的辦法，就是在onload里加上 input.value = " "; 這樣改變輸入框的值後，就可以正常輸入了。