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 Book

https://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