学习目标：HTML快捷键

学习目标：快捷键1

提示：今天介绍一个神奇的快捷键

• html网页快捷键

---

学习内容：HTML元素操作

目录：

1. F12检查按钮
2. Ctrl+Shift+C定位元素
3. 按照字符串、选择器和Xpath定位

---

快捷键1：

提示：F12检查按钮

例如：

• 第一个阶段-------文盲。
  不知道html代码。
• 第二个阶段------小白。
  知道前端页面。F12是显示前端页面。或者鼠标右键，检查。
• 第三个阶段------初学。
  可以修改底层代码。提示：后面会讲到！

---

快捷键2：

提示：Ctrl+Shift+C定位元素
下面介绍的，属于修改底层代码的一部分。

青铜

• F12或者右键检查。打开检查页面。打开源码一个一个试。

  白银

• 定位：通过再次右键检查该元素，获得该元素的定位。
  备注：讲一下为什么这个要写出来，一是确实有太学初学者不知道这个点；二是其实很多大佬，可以打靶或者熟悉burpsuite的大哥，还不知道怎么定位的具体元素，我就很吃惊，所以想写上，不用代码打开一个一个试是哪个元素了。

  黄金

• Ctrl+Shift+C 鼠标放到该元素后按快捷键。高效快捷。

---

快捷键3：

定位元素
下面介绍的，定位该元素。
打开检查页面之后的操作。即在源码页面按Ctrl+F之后。

• Xpath定位。

xpath://div[@class="XXX"]      #类名为XXX的标签名为div的标签drissionpage:
page5.ele('xpath://button[@class="hhhhh"]').click()selenium:
ele = driver.find_element(By.XPATH, '//button[contains(text(), "hhhhh")]')
drissionpage:
page.ele('x://button[contains(text(), "hhhhh")]')"//body/div/div/div/section/div/ul"     #相对也挺好用的

在html页面只需要：(以此类推)

//button[@class="hhhhh"]')

结束！