浏览器开发者工具下的一些技能!

科技   科技   2024-08-07 17:32   上海  

前言


在 Web 大时代下,相信许多测试人员参与的项目多数为 B/S 架构。那么就必须与浏览器对话,基于浏览器开发产品就不得不提及开发者工具。

开发者工具允许网页开发者深入浏览器和网页应用程序的内部,该工具可以有效地追踪布局问题,设置 JavaScript 断点并可深入理解代码的最优化策略。测试人员通过开发者工具可以快速的对一些问题进行定位,更准确的帮助开发人员定位问题,从而解决问题。本篇课堂将会基于 Chrome 浏览器介绍测试人员经常会用到的一些功能。


大纲


  1. 模拟手机和弱网测试;

  2. 元素(ELements)下查看或修改 HTML 元素的属性、CSS 属性;

  3. 控制台(Console)下执行一次性代码;

  4. 源代码(Sources)下查看页面的源代码,JS断点调试;

  5. 网络(Network)下查看发送的请求和服务器的返回结果;

  6. 浏览器自带截图功能;

  7. 实用插件推荐。


讲师


Tynam——高级测试工程师,博客园优秀博主《Python Web自动化测试入门与实战》书籍作者,长期从事软件测试工作,具有丰富的软件测试从业经验。致力于测试技术的研究,特别是在自动化测试设计、框架搭建和开发中具有自己独特的见解,经常在IT博客圈分享软件测试与开发相关内容。


查看


查看方式①:

戳链接《测试人员必须掌握的浏览器开发者工具下的一些技能》查看;

查看方式②:

扫码支付2.99元即可查看文章全部内容。



51Testing软件测试圈:一个集问答与写作一体的原创知识分享平台。关注我们,每天分享测试知识和测试技巧。网址:http://quan.51testing.com

推 荐 讲 堂

postman接口自动化实例演练
JMETER分布式部署实践详解
微信小程序测试
postman鉴权一文通
性能测试结果如何分析(结合jmeter监听器分析测试结果)



目前10000+人已关注加入我们

       

       


51Testing软件测试圈
博为峰20周年,青春正当燃,一起向未来! 博为峰51Testing软件测试圈——坚持以专业技术为核心,关注软件测试领域最前沿技术和管理思想,凝聚行业力量,共同分享软件测试理论与实践经验,是一个测试人的生活与技术圈。
 最新文章