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

look_w

步骤四：运行测试步骤，查询结果选中左边的 sceniarno, 然后选中 run 运行脚本，脚本运行完毕之后，工具栏自动变成可用之后，分析结果就出现在 Test result 的 Tab 中。这是开发人员会发现一共有 13 个错误存在于这个网页之中，而所有的错误几乎来自第二行和第三行，这里我们拿第三行举例说明，第三行有 3860 个字符，如何才能定位到第三行每个错误的所在位置呢？
图 4. 错误结果展示 , 一行代码有 13 个错误（）步骤五：格式化含有错误超长代码行将含有错误的代码行第三行拷贝出来，放入可以格式化代码的编辑器中，格式化后另存为一个静态的 html 文件，起名为 demoBaidu.html，并且将这个文件放到 Web 服务器上，比如 Web 服务器 duanmeihua.cn.ibm.com 的根路径下面，保证用户通过 http://duanmeihua.cn.ibm.com/demoBaidu.html 可以访问到。
图 5. 利用工具格式化含错误的超长代码行（）步骤六：在工程中创建一个静态链接这是用户切换到 Project 的 Tab 页，用菜单'Add new site'创建一个静态链接在 www.baidu.com 下面，输入 demo 页面所在的网址 http://duanmeihua.cn.ibm.com/demoBaidu.html, 添加 link 成功后，对这个 link，点击右键菜单’ refresh'进行刷新，保证新页面被载入 Webking 的缓冲区。
图 6. 在工程中添加一个静态页面的链接步骤七：测试静态文件，得到具体错误位置信息成功装入静态页面之后，点击工具栏上的分析按钮，Webking 自动根据 step4a 的规则进行分析
图 7. 测试静态格式化后的页面（）步骤八：测试静态文件后得到具体错误位置信息这是在 test result 的 Tab 上就会显示所有错误，并且每个错误都分布在不同行上，开发者可以对 test result 里面的每一条记录点击右键，根据菜单中 view help 来修正每一个错误。
图 8. 每一个错误都在不同的行上（）