软件测试 / 测试开发|web 基础知识介绍

简介

web（World Wide Web）即全球广域网，也称为万维网，它是一种基于超文本和 HTTP 的、全球性的、动态交互的、跨平台的分布式图形信息系统。是建立在 Internet 上的一种网络服务，为浏览者在 Internet 上查找和浏览信息提供了图形化的、易于访问的直观界面，其中的文档及超级链接将 Internet 上的信息节点组织成一个互为关联的网状结构。web 的测试是我们软件测试工作中必不可少的一部分，而作为一名软件测试，我们也必须了解 web 有关的基础知识，帮助我们更好地进行 web 测试工作。

web 基本概念

Web，即“World Wide Web”，是一个由超文本组成的信息系统，允许用户在全球范围内交换信息。它的基础是超文本传输协议（HTTP），使用统一资源定位符（URL）来定位和访问网络上的资源。Web 的核心概念包括：

• HTTP 协议： 超文本传输协议是 Web 通信的基础，定义了客户端和服务器之间的通信规则。

• URL： 统一资源定位符是 Web 资源的地址，它包含协议类型、主机名、路径等信息，使得资源能够被唯一定位和访问。

• 超文本： Web 中的信息通过超链接相互关联，形成了超文本，使得用户可以非线性地浏览信息。

Web 架构

Web 架构是指 Web 应用程序的整体结构和组织方式。它主要分为客户端和服务器端：

• 客户端： 用户使用的设备，如计算机、手机等，上面运行着浏览器。浏览器向服务器请求 Web 资源，并将其呈现给用户。

• 服务器端： 存储和提供 Web 资源的地方，通过 Web 服务器来响应客户端请求。这里包括处理业务逻辑、存储数据的服务器端程序。

这里涉及到了几个新的概念，我们这里做一下解释：

• web 应用：网站（广义上的 PC，手机 app）。

• 浏览器（Browser）：也称用户代理，web 客户端，主要有 Edge、Chrome、Firefox 等。

• web 服务器（web server）：也称 HTTP 服务器（HTTP server），主要有 Apache、Tomcat、Netty 等。

其架构图如下：

浏览器工作原理

浏览器是我们访问网络数据的一个工具，我们通过它来发送请求，并且通过它来获取请求，它的工作原理如下：

• URL 解析和请求： 用户输入 URL 后，浏览器解析 URL，使用 HTTP 协议向服务器发送请求。

• 内容解析和渲染： 浏览器接收到服务器返回的 HTML 文件后，解析构建 DOM（文档对象模型）树，并加载 CSS、JavaScript 等资源，最终将页面呈现给用户。

• 用户交互和事件处理： 浏览器响应用户的操作，如点击链接、填写表单等，执行相应的 JavaScript 代码，并更新页面。

web 服务器

Web 服务器是用于存储、处理和响应来自客户端的请求的软件。它具有以下特点：

• 接收请求和响应： Web 服务器接收客户端的 HTTP 请求，并返回相应的 Web 资源，如 HTML 页面、图像、样式表等。

• 处理请求： 在接收到请求后，服务器可能需要执行一系列操作，包括数据处理、业务逻辑执行、数据库访问等。

• 常见的 Web 服务器： Apache、Nginx 等是常用的 Web 服务器软件，它们在处理请求和提供服务方面有各自的特点和优势。

主要的资源类型

我们在学习 web 时，主要掌握html，css，JS(JavaScript)三中主要的资源，但实际上任何格式都可以作为资源类型。

三种资源类型的主要功能：

• HTML：提供文本的内容和框架，比如标题，段落等

• CSS：确定文本样式和排版

• JS：做一些动态内容

三中资源类型的语法：

• HTML:

<p>content</p>

• CSS

p{color:yellow;}

• JS

var x = 1; var y = 2; var z = add(x, y)

总结

本文主要介绍了 web 的一些基础知识，包括 web 的工作原理，web 架构，以及浏览器的工作原理，重要的三种文本资源介绍等，掌握这些基础知识，对于我们更好开展 web 测试有很大帮助，希望本文可以帮到大家！