10个强大的 Chrome DevTools 测试技巧

📝 面试求职： 「面试试题小程序」 ，内容涵盖 测试基础、Linux操作系统、MySQL数据库、Web功能测试、接口测试、APPium移动端测试、Python知识、Selenium自动化测试相关、性能测试、性能测试、计算机网络知识、Jmeter、HR面试，命中率杠杠的。（大家刷起来…）

📝 职场经验干货：

软件测试工程师简历上如何编写个人信息（一周8个面试）

软件测试工程师简历上如何编写专业技能（一周8个面试）

软件测试工程师简历上如何编写项目经验（一周8个面试）

软件测试工程师简历上如何编写个人荣誉（一周8个面试）

软件测试行情分享（这些都不了解就别贸然冲了.）

软件测试面试重点，搞清楚这些轻松拿到年薪30W+

软件测试面试刷题小程序免费使用（永久使用）

---

今天我们继续学习剩余的5个测试技巧~

• 测试 6：使用网络标签页分析特定浏览器操作导致的错误代码

网络标签页会记录页面上每个操作的所有请求，显示关键的状态码，这些状态码表明操作是否成功或失败。

下图显示了一个 HTTP 404 错误代码的 favicon.png 文件。这仅仅表明指定的文件缺失。选择文件名可以提供更多详细信息，包括头部和响应，这有助于进一步诊断。

如果你想充分利用网络标签页中的内容，你应该更多地了解 HTTP 状态码。

favicon.png 的 HTTP 404 错误代码

• 测试 7：捕获传递给操作元素的数据

我们可以在网络标签页中调查某些隐藏信息。在下图中，你可以看到用户输入的电话号码和电子邮件地址。如果收集这些信息存在问题，你将能够看到信息缺失。

页面右上角图标链接的电话号码和电子邮件地址

• 测试 8：无需实际断开网络连接即可测试离线功能

你可以直接从网络标签页进入离线模式。只需选择无限制 -> 离线。此功能有助于测试离线功能，而无需物理断开设备的网络连接。

从无限制下拉选项列表中选择离线

• 测试 9：使用应用标签页调查数据流

在应用标签页中，你可以深入调查与数据相关的活动。你可以执行各种任务，从清除缓存到分析 indexDB，你可以从中一窥与应用程序 UI 级别相关的数据。但要很好地理解此标签页中生成的信息，你首先需要对使用的数据库有一定的了解。

下图展示了本地应用存储中的身份验证令牌。这些数据可用于某些测试目的，例如自动化图表工作区的功能。

检索身份验证令牌以执行自动化测试

• 测试 10：检索用户 ID 以使用特定用户数据进行测试

下图展示了在应用标签页中创建的工作区的用户 ID。如果你需要对这个用户执行任何与数据库相关的测试，这将非常有用。

获取已登录用户的用户 ID

总结

元素、控制台、网络和应用标签页特别有利于测试人员处理基于浏览器的应用程序，提供超越简单识别问题的宝贵见解。

通过掌握 Chrome DevTools 或其他浏览器的等效工具，测试人员可以显著提升测试过程的质量和效率，最终支持更快的问题解决和更稳定的用户体验。

最后： 下方这份完整的软件测试视频教程已经整理上传完成，需要的朋友们可以自行领取【保证100%免费】
​​
​​