1.Web端测试——F12的源码代码调试与抓包
2.Metersphere 源码启动并做性能测试（一）
3.软件测试 | 查看网页的HTML源代码

Web端测试——F12的代码调试与抓包

       深入解析Web端测试中的F功能，本文将带你了解其核心作用与使用方式。网页

       F快捷键能打开浏览器开发者工具，测试提供源码、源码请求与响应数据查看，网页助你深入分析网页底层。测试仿应用商店cms源码

       使用F方法：在浏览器中按下F或FN+F键，源码即可激活“开发人员工具”。网页

       开发人员工具主要标签有：

       1. **元素标签**：主要关注页面元素属性与修改，测试用于查看和调整网页元素。源码

       2. **控制台标签**：显示页面错误信息、网页打印调试信息（如console.log()）、测试执行测试脚本及查看JavaScript API。源码

       3. **源代码标签**：包含网页实现的网页源代码，包括JS、测试CSS文件、建筑网站源码等。

       4. **网络标签**：用于抓取请求与响应数据，是日常测试中常用功能。

       **网络标签**详细解析：

       在测试时，发现web端bug的第一步就是打开F，尝试抓取数据。

       通过**网络标签**，可以获取请求数据与响应数据，帮助定位问题。

       在**网络标签**中，**Headers（标头）**部分记录了特定请求的数据，如百度搜索请求。

       在**Response（响应）**部分，则展示响应数据，同样以百度搜索为例，php源码建站教程展示了不同浏览器的抓取情况。

       综上，F功能强大，是Web端测试与开发过程中不可或缺的工具，能够提供丰富的信息，助你快速定位与解决bug。

Metersphere 源码启动并做性能测试（一）

       最近发现了一个开源测试平台——Metersphere，其在GitHub上广受好评。平台以Java语言编写，功能丰富，包括测试管理、接口测试、UI测试和性能测试。因此，我决定在本地尝试启动并进行性能测试。智诚源码平台

       Metersphere的架构主要包括前端Vue和后端SpringBoot，数据库使用MySQL，缓存则依赖Redis。为了本地启动MS项目，首先需准备环境，参考其官方文档进行操作。在启动项目时，可能会遇到找不到特定类的错误，通常这是由于依赖问题导致的。解决这类问题，最常见的方式是注释掉相关的依赖和引用。如果遇到启动时出现依赖bean的问题，这可能是因为找不到对应的bean注入或调用方法时找不到对应的类。这种问题通常需要开发人员通过排查找到问题根源并解决，百度等资源是开源博客源码查找解决方案的有效途径。

       启动项目后，会观察到后台服务运行正常，接下来启动前端服务。执行`npm run serve`命令，如果项目已打包，这一步骤通常能成功启动前端。遇到前端加载失败的问题，可能需要重新打包项目，确保所有资源文件都能正常加载。

       接下来，进行性能测试的准备。Metersphere的性能测试流程包括发起压力测试、Node-controller拉起Jmeter执行测试、数据从Kafka流中获取并计算后存入MySQL数据库。在启动性能测试过程中，首先拉取Node-controller项目，需修改Jmeter路径，并确保本地环境支持Docker，因为Node-controller依赖Docker容器进行性能测试。Data-Streaming服务则负责解析Kafka数据并进行计算，需要确保Kafka服务已启动。

       启动Metersphere的backend和frontend后，配置压测资源池，添加本地Node-controller服务的地址和端口。性能测试分为通过JMX和引用接口自动化场景两种方式，可以模拟真实的网络请求。配置压力参数后，保存并执行性能测试，查看报告以了解测试结果。Metersphere的报告功能较为全面，值得深入研究。

       本地启动并执行性能测试的流程大致如上所述。在遇到问题时，查阅官方文档和利用百度等资源是解决问题的关键。Metersphere的官方文档提供了详尽的信息，对新用户来说是宝贵的学习资源。若仍有问题，可以考虑加入社区群寻求帮助。

软件测试 | 查看网页的HTML源代码

       在浏览器中浏览网页后，查看其HTML源代码是一项值得进行的操作。此操作具有双重意义，一是可以发现网页中明显的安全问题，二是作为测试基准，用于比较攻击前后的源代码变化，从而调整测试策略。推荐使用Firefox浏览器，因为它提供了彩色显示功能，使HTML标签和属性更加易于理解。与Internet Explorer相比，Firefox在查看源代码时更易于阅读。

       比较基准的建立是通过访问HTML源代码实现的。常见的Web漏洞往往涉及到向网页应用提供恶意输入以修改HTML源代码。在测试这些漏洞时，验证测试通过或失败的最简单方法是检查源代码是否被恶意更改。需注意，未经修改直接显示在源代码中的输入可能是危险值，例如HTML标签或JavaScript。在测试前，搜索这些输入并检查它们是否被直接显示在源代码中，以发现潜在风险。

       使用Firefox的彩色显示功能，可以更轻松地阅读和理解HTML源代码。在进行测试时，可以使用搜索功能（Ctrl+F或Windows徽标键+F）在HTML源代码中搜索特定输入，以检查其是否被正确处理。通过不断重复地手动检查源代码，可以找出如何通过测试筛选和编码以发现漏洞。

       请注意，静态查看HTML源代码无法反映JavaScript或AJAX功能所做的任何更改。在深入探讨JavaScript和AJAX的测试时，需要使用更多自动化工具和技术。

       对于软件测试领域内的学习资料、职业发展、入门指南、技术分享、职场提升、学习视频等内容，请参考以下链接：

       知乎 提供了广泛的问题和答案，涵盖软件测试的前景、择业、入门、技术分享、职场提升、学习视频等多个方面。浏览这些内容，可以深入了解软件测试行业，获取学习资源和职业发展的建议。