如何使用 webking 跟踪和定位超长代码中的错误（1）

look_w

概述在进行符合 Accessibility 的 Web 开发过程中，需要用到 Webking 来检查是否符合的词法规定，但是现在很多基于 Web 的应用程序都动态生成的，这样 HTML 页面的 DOM 树在生成的过程当中从来很少有注意分行，造成的结果就是一行有好几千甚至上万个字符，这样 Webking 在校验的时候只能报告出来行数，却无法定位到列数，这样给开发者造成极大的困惑：如何能够准确找到错误的列数，本文将详细的介绍如何使用 Webking 进行跟踪定位到这种超长代码的错误。
步骤一：用 Webking 创建一个基于 Ajax 的工程一般来说这种超长的代码的应用程序都是基于 Ajax，所以在用 Webking 创建一个工程时，需要选择第二种类型的工程：Create functoin test with Ajax support.
图 1. 创建一个基于 Ajax 的工程步骤二：输入需要测试的网址，进行录制比如我们测试百度的网址，www.baidu.com，选择浏览器的时候需要选择 Firefox，因为现在最新的 Web Accessibility checklist 5.1 要求支持 aria 的属性的使用，目前为止只有 Firefox 3.6 支持 ARAI, 而 IE 对 ARIA 支持并不是很好。测试类型需要选择'Generate Functional Tests' ，然后直接点击'Finish' 开始录制脚本。这时候 Webking 直接会启动一个 Firefox 的浏览器，并且自动打开百度的网站。这里我们录制的脚本很简单，只校验百度的首页，然后直接关掉浏览器结束录制。
图 2. 输入要测试的网址 www.baidu.com步骤三：设置回放的选项关闭浏览器后，工具栏上的菜单重新变成可以点击的，表明录制完毕，这是选中 Test 页中自动生成的 scenario 的节点，选中右边输入区第三个 Tab 页，设置回放的选项。设置回放使用的浏览器同样为 Firefox，设置分析的工具为基于浏览器的生成的 HTML, 分析的规则为 step 4a:Check Web accessibility(WCAG 2.0)
图 3. 设置回放选项（）