项目中经常需要定位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
(3) Scrap Book
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
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