web自动化

[Web自动化] Requests模块基本使用requests 是一个用 Python 编写的 HTTP 库，它提供了简单易用的 API 来发送 HTTP/1.1 请求。由于它非常直观且功能强大，因此被广大 Python 开发者广泛使用于网络爬虫、API 调用等场景。

[Web自动化] JavaScriptAJAX与Fetch API在这一章中，我们将深入探讨AJAX（Asynchronous JavaScript and XML）技术以及现代Web开发中广泛使用的Fetch API。我们将从Fetch API的基本用法开始，逐步深入到处理JSON数据、设置请求头和响应头的细节。同时，为了全面理解，我们也会简要回顾XMLHttpRequest（XHR），这是AJAX技术的一种传统实现方式。

[Web自动化] Web安全基础定义与原理同源策略（Same-Origin Policy）是一种重要的安全策略，用于限制从一个源（origin）加载的文档或脚本如何与来自另一个源的资源进行交互。这里的源由协议（如http或https）、域名（如www.example.com）和端口号（如80或443）三个部分组成。只有当这三个部分都相同时，才被认为是同源。限制行为

[Web自动化] JS基础语法与数据类型在JavaScript中，变量用于存储数据值。JavaScript是一种动态类型语言，这意味着变量的类型可以在运行时改变。变量可以通过var、let或const关键字来声明。其中，var关键字在ES6之前广泛使用，但存在作用域和变量提升的问题。从ES6开始，推荐使用let和const来声明变量，因为它们具有块级作用域，可以避免这些问题。示例：

[Web自动化] CSS布局与定位布局是CSS中用于构建网页结构的关键部分。理解布局的基础概念对于设计响应式和适应性强的网页至关重要。盒子模型（Box Model）： CSS中的每个元素都可以看作是一个盒子，包括：

[Web自动化] CSS基础概念和介绍CSS，全称Cascading Style Sheets（层叠样式表），是一种用来表现HTML或XML（包括各种XML方言如SVG、XHTML或XML用于已经建立的一些如MathML或RDF的应用）等文件样式的计算机语言。CSS能够对网页进行美化和布局，控制网页的字体、颜色、间距、布局等样式，使得网页的呈现更加丰富多彩和易于阅读。

[Web自动化] HTML5常见新增标签表示页面中的独立内容区域，如博客文章、论坛帖子等。使用方法：<article> … 文章内容 … </article> 特有属性：无，但通常包含标题（h1-h6）和可能的一个或多个section元素。

[Web自动化] HTML列表标签列表作为网页设计的重要内容之一，能够用来制作导航栏和新闻列表等。HTML 列表分为：有序列表（ol），无序列表（ul）以及自定义列表（dl）。

[Web自动化] HTML元素及DOM元素HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。例如：注：这个元素定义了 HTML 文档中的一个段落。这个元素拥有一个开始标签 <p>，以及一个结束标签 </p>。元素内容是：I Love You。

[Web自动化] HTML元素的定位(Xpath)XPath（XML Path Language）是一种用于在XML文档中查找信息的语言，它同样可以应用于HTML文档，因为HTML可以视作XML的一个子集（尽管不是所有HTML文档都是格式良好的XML）。

[Web自动化] 开发者工具应用(Application)面板在Chrome DevTools的Application面板中，开发者可以方便地查看和管理Web应用的各种资源，包括Web API的使用情况、Web应用清单（Manifest）的配置以及服务工作者（Service Workers）的状态等。

[Web自动化] 开发者工具性能(Performance)面板在Chrome浏览器中，Performance面板是开发者工具中一个强大的工具，用于记录和分析网页的性能数据。以下是如何使用Performance面板进行性能分析的详细步骤：

[Web自动化] 开发者工具控制台(Console)面板Console面板是开发者工具中用于输出日志和调试信息的核心面板。通过console.log()函数，你可以在控制台输出各种类型的信息，包括字符串、数字、对象、数组等。这对于调试和跟踪代码的执行流程非常有帮助。

[Web自动化] 开发者工具元素(Elements)面板查看DOM结构： Elements面板是开发者工具中用于查看和编辑网页DOM结构的核心面板。当你打开Elements面板时，你会看到一个树形结构，它代表了当前网页的DOM结构。每个节点都对应着网页中的一个HTML元素，你可以通过点击这些节点来展开或收起其子元素，从而查看整个DOM树的结构。虽然，可以通过展开节点来找到网页上的所有的元素，但通常会通过点击左上角的元素拾取按钮即可对选中网页上的元素，从而对该元素进行检查。如下图，在左下方可以看到百度首页上搜索input框的元素，包括该元素的id、name、

[Web自动化] HTTP/HTTPS协议HTTP协议： HTTP（HyperText Transfer Protocol，超文本传输协议）是客户端浏览器或其他程序与Web服务器之间的应用层通信协议。它规定了Web请求消息与响应消息的格式和规范，是互联网上数据交换的基础。HTTP协议是无状态的，即服务器不保留任何两次请求之间的信息。 HTTP协议是互联网上应用最为广泛的一种网络协议。所有的 WWW 文件都必须遵守这个标准。设计 HTTP 最初的目的是为了提供一种发布和接收 HTML 页面的方法。 1960 年美国人 Ted Nelson 构思了一

Web自动化Demo-Go+Selenium1.新建工程使用GoLand新建工程如下：打开终端输入如下命令安装Selenium2.编写代码然后执行main函数即可

Web自动化Demo-PHP+Selenium1.新建工程打开PhpStorm新建工程如下：打开终端输入如下命令安装selenium：2.编写代码运行之前先开启一个终端执行：

我是有底线的