简介
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测试有很大帮助,希望本文可以帮到大家!