O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

Web前端测试

2.076 visualizações

Publicada em

Web前端测试

  • Seja o primeiro a comentar

Web前端测试

  1. 1. web 前端测试 @ 2011.6 熊理兵
  2. 2. html 、 css 、 javascript
  3. 3. html css javascript 内容 表现 交互
  4. 4. html 、 css 、 javascript
  5. 5. 业务型 bug 兼容型 bug 内容型 bug CSS bug 分类
  6. 6. <ul><li>表现 </li></ul><ul><ul><li>在所有浏览器下都有问题 </li></ul></ul><ul><li>原因 </li></ul><ul><ul><li>前端对业务不熟悉或者业务理解有偏差 </li></ul></ul><ul><li>解决 </li></ul><ul><ul><li>测试或运营帮助前端熟悉业务 </li></ul></ul><ul><ul><li>能直观地测试到所有业务可能性 </li></ul></ul>业务型 bug
  7. 7. <ul><li>表现 </li></ul><ul><ul><li>仅在少数浏览器上出现问题 </li></ul></ul><ul><li>原因 </li></ul><ul><ul><li>浏览器解析不一致 </li></ul></ul><ul><ul><li>前端不够细心 </li></ul></ul><ul><ul><li>前端太过自信 </li></ul></ul><ul><li>解决 </li></ul><ul><ul><li>积累经验、加强前端素质 </li></ul></ul>兼容型 bug
  8. 9. <ul><li>表现 </li></ul><ul><ul><li>前端自测时是 ok 的,运营或用户输入一些内容后,出现错误 </li></ul></ul><ul><li>原因 </li></ul><ul><ul><li>前端不小心遗漏 </li></ul></ul><ul><ul><li>设计者主观认为这里不会扩展或压根没想到 </li></ul></ul><ul><li>解决 </li></ul><ul><ul><li>加强自测时的用例准确度 </li></ul></ul><ul><ul><li>Auto Overflow Test </li></ul></ul>内容型 bug
  9. 11. 有关这个小工具
  10. 12. Greasemonkey Greasemonkey 0.9.5 https://addons.mozilla.org/zh-TW/firefox/addon/greasemonkey/
  11. 13. 有关这个小工具
  12. 14. 还有哪些可以加入到这些简单的自动化中 ?
  13. 15. html 、 css 、 javascript
  14. 16. 功能型 bug 技术型 bug JS bug 分类
  15. 17. <ul><li>表现 </li></ul><ul><ul><li>浏览器不报错,但交互功能无法正常使用 </li></ul></ul><ul><li>原因 </li></ul><ul><ul><li>代码的逻辑有问题或者业务理解有偏差 </li></ul></ul><ul><li>解决 </li></ul><ul><ul><li>自测减少此错误出现 </li></ul></ul><ul><ul><li>与设计人员沟通明确业务 </li></ul></ul>功能型 bug
  16. 18. <ul><li>表现 </li></ul><ul><ul><li>浏览器会有相应的 JS 错误提示 </li></ul></ul><ul><li>原因 </li></ul><ul><ul><li>代码的语法或算法问题 </li></ul></ul><ul><li>解决 </li></ul><ul><ul><li>充分自测 </li></ul></ul><ul><ul><li>加强前端 JS 编码能力 </li></ul></ul>技术型 bug
  17. 22. html 、 css 、 javascript
  18. 23. <ul><li>图像比较 </li></ul><ul><li>文字比较 </li></ul><ul><li>人工 </li></ul><ul><li>… </li></ul>Html 测试
  19. 24. 一些有趣的话题
  20. 25. 是不是 bug?
  21. 26. 是不是 bug?
  22. 27. 是不是 bug?
  23. 28. 是不是 bug?
  24. 29. 情何以堪。。。
  25. 30. 是不是 bug? <ul><li>渐进增强 </li></ul><ul><li>浏览器之间的像素级差异 </li></ul><ul><li>FF/Chrome 内部错误 </li></ul><ul><li>不好看 </li></ul>
  26. 31. Q & A
  27. 32. :-) Thank you

×