webkit Bug問題定位

項目中經常需要定位WebKit Bug 的產生原因, WebKit Bug問題定位的方法,縮小範圍是不錯的應對措施.

在處理大頁面的問題就很有效.

 

 

1.問題預判

基於web的應用本身不夠嚴格，頁面本身，可能就存在問題，所以，首先要藉助各類瀏覽器，來查看總體的情況，界定是頁面本身的問題，還是瀏覽器的問題。 2.問題範圍確定 瀏覽器的問題，可以劃分為網路問題，排版問題，頁面操作問題等 3.針對性處理 (1)網路問題 通過抓包，來分析每一個請求和響應，通過更換UA來查看不同的現象，另外，也可能改變網路接入方式，來對比，如wifi，cmnet，cmwap等 (2)排版問題通常，排版問題涉及到Render部分，那麼影響render的因素包括CSS模組，HTML render，以及Javascript（通過js動態改變樣式），這種情況，最關鍵的步驟是建立narrow content，及把頁面先儲存下來（可以通過scrap book），並逐步縮減頁面內容，同時確保問題能夠重新。頁面縮的越小，越容易縮小範圍，來定位問題 (3)頁面操作問題從事件觸發開始一步步定位，可能是UI事件，也可能是引擎觸發的事件，結合縮小的頁面來調查定位.  幾個相關的軟體(1) FireBug工具-->Web開發人員-->擷取更多工具(2) User Agent Switcher https://addons.mozilla.org/fr/firefox/addon/user-agent-switcher/developers(3) Scrap Bookhttps://addons.mozilla.org/fr/firefox/search/?q=Scrap+book+&appver=12.0&platform=windows android2.2手機的User Agent:

Android:
Mozilla/5.0 (Linux; U; Android 2.2; en-us; Nexus One Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1