目录：

1. WEB 测试概念
2. WEB 测试的价值
3. WEB 测试学习路线
4. WEB 基础知识
5. html讲解
6. javascript讲解
7. css讲解
8. web项目测试流程
9. web测试设计思路
10. web端常见bug解析
11. Litemall购物车功能测试用例设计
12. 浏览器开发者工具
13. web兼容测试策略
14. Litemall购物车功能测试执行

1.WEB 测试概念 

• WEB 测试是软件测试的一部分
• 是针对 WEB 应用的一类测试

2.WEB 测试的价值 

• WEB 应用程序以其方便、快速、易操作等特点成为软件开发的重点
• WEB 能够吸引尽可能多的用户并对其长时间关注是网站追求的主要目标
• 对网页功能的正确性、有效性和完善性提出了较高的要求

3.WEB 测试学习路线 

 4.WEB 基础知识

什么是 WEB?

• WEB（World Wide Web）：全球广域网，也称为万维网
• 技术视角：布局设计、代码编写、数据库建立、网络平台选择
• 用户视角：使用浏览器上网时所浏览的网页

系统架构

• B/S：Browser/Server：B/S架构模式是指将应用程序的用户界面（前端）以Web浏览器的形式呈现，而应用程序的业务逻辑和数据存储（后端）则在服务器上运行。B/S架构通过浏览器作为客户端来访问服务器上的应用程序，从而实现了跨平台和跨设备的访问，无需在客户端安装应用程序。常见的Web应用程序如在线购物网站、社交媒体平台等，都是基于B/S架构。
• C/S：Client/Server：C/S架构模式是指应用程序分为两个主要组件：客户端和服务器端。客户端是指在用户计算机上安装的软件应用程序，用于提供用户界面和与用户的交互。服务器端是指运行在服务器上的应用程序，负责处理客户端发送的请求并回复相应的数据和结果。C/S架构通常用于需要较高性能、较复杂业务逻辑和数据处理的应用程序，例如大型企业级软件、网络游戏等。

WEB 架构

• 界面层（User Interface layer）
• 业务逻辑层（Business Logic Layer）
• 数据访问层（Data access layer）

网页

• 静态网页：和服务器没有数据交互
• 动态网页：网页数据可以和服务器进行数据交互

 URL（统一资源定位符）

• URL 的格式
  • schema :// host [ : port] path [query # fragment ]
  • schema：指定访问资源的协议或协议扩展，例如https、http、ftp等。
  • host：指定资源所在的主机名或IP地址。
  • port：可选项，指定用于访问资源的端口号，默认为协议默认的端口号。例如，http协议的默认端口是80，https协议的默认端口是443。
  • path：指定资源在服务器上的路径。
  • query：可选项，用于向服务器传递参数的字符串，通常以键值对的形式出现，多个参数之间用&分隔。例如，?key1=value1&key2=value2。
  • fragment：可选项，指定资源中的片段标识符，用于标识资源内部的具体位置或锚点。
• URI：统一资源标志符，在某一规则下能把一个资源独一无二地标识出来

浏览器工作原理 

DNS 解析

• DNS（Domain Name System，域名系统）
• 使用户更方便的访问互联网，而不用去记住能够被机器直接读取的 IP 数串

DNS（Domain Name System，域名系统）是互联网中用于将易于记忆的域名（如www.example.com）转换为对应的IP地址（如192.0.2.1）的系统。

在互联网上，每个设备都需要一个唯一的IP地址来进行通信。然而，IP地址是一串数字，很难记忆。为了使用户更方便地访问互联网资源，DNS系统被引入到互联网中。

DNS系统由许多DNS服务器组成，这些服务器存储着域名和对应的IP地址之间的映射关系。当用户在浏览器中输入一个域名时，浏览器会发送一个DNS请求到本地的DNS服务器。

本地DNS服务器首先会查看自己的缓存，看是否有这个域名对应的IP地址。如果没有，本地DNS服务器就会向根域名服务器发送一个请求。

根域名服务器知道整个DNS系统的层次结构，并向本地DNS服务器提供一个顶级域名服务器的地址。然后，本地DNS服务器会向顶级域名服务器发送一个请求。

顶级域名服务器知道下一级域名服务器的地址，它会向本地DNS服务器提供对应的下一级域名服务器的地址。这个过程会一直迭代下去，直到找到负责管理该域名的DNS服务器。

最终，这个负责管理该域名的DNS服务器会将域名对应的IP地址发送给本地DNS服务器。本地DNS服务器会将这个IP地址存储在缓存中，并将它返回给用户的浏览器。

用户的浏览器会使用获取到的IP地址来建立与服务器的连接，然后获取相应的网页内容。

通过DNS解析，用户不需要记住复杂的IP地址，只需要输入易于记忆的域名，就能访问到互联网上的各种资源。DNS系统在互联网的正常运作中起着至关重要的作用。

5.html讲解

尚硅谷前端html+css零基础教程，2023最新前端开发html5+css3视频_哔哩哔哩_bilibili

6.javascript讲解

尚硅谷JavaScript基础&实战丨JS入门到精通全套完整版_哔哩哔哩_bilibili

7.css讲解

尚硅谷前端html+css零基础教程，2023最新前端开发html5+css3视频_哔哩哔哩_bilibili

8.web项目测试流程

9.web测试设计思路

10.web端常见bug解析

11.Litemall购物车功能测试用例设计

12.浏览器开发者工具

13.web兼容测试策略

14.Litemall购物车功能测试执行