前端基础+UI自动化测试元素定位方式

MRJJ_9

已于 2023-09-09 16:16:12 修改

阅读量471

点赞数

分类专栏：前端技术测试技术文章标签：前端

于 2023-07-24 17:10:23 首次发布

本文链接：https://blog.youkuaiyun.com/MRJJ_9/article/details/131886941

版权

本文介绍了前端开发的基础，包括HTML标签如h1到h6、div和span的使用。接着讨论了CSS样式如何丰富页面表现，并提及JavaScript在处理事件响应中的作用。对于测试人员，特别是UI自动化测试，文章强调了元素定位的重要性，提到了xpath和CSS选择器作为主要的定位方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言：做测试时也需要对前端的基础知识有所了解，了解下SAAS服务中前端是如何实现，在页面上呈现的元素以及操作的事件，有助于去做一个测试平台写个页面，或者做UI自动化测试，去更好地定位元素。前端三要素是html、css、js，本文主要从这三要素开始学起。

一、前端基础

先来了解下html的标签：

下面写一个静态的网页，注意标签都是成对出现的，h标签表示标题，div标签：没有具体的含义，用来划分页面的区域，独占一行，span标签没有换行的效果，span标签和div标签的具体使用效果可参考下面的这篇博客：HTML＜DIV＞常用标签_div标签_朵朵宝的博客-优快云博客

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>hello world html</title>
</head>
<body>
<h1>标题展示 自带换行效果</h1>
<h1>One</h1>
<h2>Two</h2>
<h3>Three</h3>
<h4>Four</h4>

最低0.47元/天解锁文章