F12-What is your name?

我们上回说到用浏览器打开一个页面,然后按F12可以打开调试窗口。那这有什么用呢?

举个栗子-

比如,我们让电脑自动化测试一个页面,怎么做呢?

首先先找到这个测试的地方。我们手动时候,可以很容易知道我们要测试的地方,那么怎么告诉电脑呢?

原来,每个页面的元素都有标识,比如问,

哈喽页面,这个元素叫什么名字啊?-What is your name?

然后页面告诉你这个叫什么。

然后你就可以跟电脑说,啊,帮我点击这个元素。就可以啦。

说了这么多,怎么操作呢?

非常简单。

1. 浏览器打开页面

2. F12

3. 点击这个按钮

F12-What is your name?_第1张图片

4.移动到你想知道属性的地方,比如这个高亮的搜索框F12-What is your name?_第2张图片

5.点击这个你想知道的地方,这时候右侧就出现元素的内容了

F12-What is your name?_第3张图片

6.右键,然后copy xpath。这个

//*[@id="kw"]

或者copy full xpath

/html/body/div[2]/div[1]/div[5]/div/div/form/span[1]/input

这样就找到了元素的内容了。

其实我们用计算机解决实际中的问题,比如想让计算机帮我们自动测试一个网页。

就要把这个问题分解成一个个小需求,比如,自动测网页,就是找到网页,找到元素,点击元素,判断元素的内容等等等。

然后再把这一个个小小的需求再组合起来。倒过来,再组合起来,就是自动测试一个网页了。

嗯嗯,先说这些,虽然只是一个小小的找到xpath的内容,也是十分常用的。说到底,计算机不就是01 01 这种机器么?有什么难得呢?

不要被吓住。其实就是用很多的组合小小的功能,完成很多大事。

你可能感兴趣的:(前端,javascript,html)