快速定位网页中元素在源代码中的位置

编程知识 更新时间:2023-04-07 13:16:52

目录

一、打开目标网页,按F12

二、点击如图红圈的图标

因为自动化测试工作的需要,要根据元素id或者name来定位,这就需要查看网页源代码,但是一些前端页面代码量庞大,有很多是不需要看的,只需要找准自动化测试用例中需要用到的元素就可以,那么怎样才能快速找到我们需要的呢?

一般测试工作都是在chrome浏览器中进行的,只需要两步就可以了。

一、打开目标网页,按F12

二、点击如图红圈的图标

这时候,比如我们要找搜索框的相关html语言表示,那么,只需要将鼠标移至搜索框,右边的调试页面就会自动跳转到相关语句,如下图,

此博客仅仅记录需要

更多推荐

快速定位网页中元素在源代码中的位置

本文发布于:2023-04-07 13:16:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/0fe0c5b538b36832d3be146e5259d54c.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:源代码   元素   位置   快速   网页

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!

  • 53471文章数
  • 14阅读数
  • 0评论数