元素对应到html源代码,【整理】用Chrome或Chromium查看百度首页中各元素的html源码...

2024-05-10 04:11:01

折腾：

【已解决】Mac中用Selenium自动操作浏览器实现百度搜索

和：

【未解决】Mac中用puppeteer自动操作浏览器实现百度搜索

期间，都涉及到：

用Chrome(和Chromium)去查看元素。

整理到此处，供参考。

注：

后续发现：

Playwright的Chromium中，虽然能打开开发者工具但是，右键无法复制copy元素的html

右键的copy是空

此处先去确认页面title标题：

即：百度一下，你就知道

此处通过Chrome的开发者工具去右键找到输入框对应的元素：

可以右键输入框检查

打开 Chrome的开发者工具

可以看到对应的html

另外 Playwright调用的Chromium中效果是：

拷贝出来是：

注意到：

Chromium中调试工具已实时显示出定位元素的Selector的，可以写成：input#kw.s_ipt

其中：input：tag元素名

kw：是id

s_ipt：是class

—》后续代码中定位元素的CSS的Selector，则可以借鉴，甚至直接用这个写法

以及，确认id是否唯一：

去搜一下此处的id：

证明对于：id="kw"

是唯一的

对于找百度一下按钮，和之前类似，去右键检查

看到html是：

且搜了下，确保只有一个："su"

找百度搜索后，确保会出现的内容：

找到这个：百度为您找到相关结果约xxx个

因为，故意找不到，也会出现这个：

去看看其html：百度为您找到相关结果约2,370,000个

去搞清楚，本身此处的每条搜索结果的内容的html是什么

右键检查：

找到是：crifan – 在路上

上层父节点的元素是：

crifan – 在路上

多看看几个结果，是否都是同样格式：

这个稍微复杂点：

GitHub - crifan/crifanLib: crifan's library

以及另外一个：

crifan (Crifan Li) · GitHub

元素对应到html源代码,【整理】用Chrome或Chromium查看百度首页中各元素的html源码...相关推荐

13个Vue3中的全局API的源码浅析汇总整理
前言不知不觉vue-next的版本已经来到了3.1.2,最近对照着源码学习vue3的全局Api,边学习边整理了下来,希望可以和大家一起进步. 我们以官方定义.用法.源码浅析三个维度来一起看看它们.下 ...
java存入光盘_java 这是学习笔记（jdk7）书中的光盘里的源码，不知大家需要不，里面都是新手的好 Develop 238万源代码下载- www.pudn.com...
文件名称: java下载收藏√ [ 5 4 3 2 1 ] 开发工具: Java 文件大小: 1272 KB 上传时间: 2013-04-01 下载次数: 18 提供者: 孙鹏启详细 ...
Linux 如何安装 SRPM 包（源代码 rpm 软件包，以 .src.rpm 为后缀名）/rpm 格式的源码软件包/源码包
文章目录一.SRPM 介绍二.SRPM 命名格式三.SRPM 的安装 (一)直接使用命令 rpmbuild (二)利用 *.spec 文件编译 (三)使用命令 make 编译和安装四.写在最后 ...
在顺序表中第五个位置插入一个元素9，实现顺序表插入的基本操作，输出顺序表中所有元素
题目在顺序表中第五个位置插入一个元素9,实现顺序表插入的基本操作,输出顺序表中所有元素 #include<iostream>using namespace std; #define OK ...
chrome 扩展开发 - 如何获得iframe中的元素和相关问题解答
记一次需求完成的经过,要获取iframe中的元素,然后在页面进行分段跳转和相关操作,途中遇到了几个问题,方便后续自我回忆. 问题一 chrome扩展开发中 Popup页面无法持续保持的问题 [未解决 ...
python内置函数用来返回数值型序列中所有元素之和_Python内置函数______用来返回数值型序列中所有元素之和...
[填空题]表达式 int(4**0.5) 的值为 [判断题]3+4j不是合法的Python表达式. [填空题]已知列表对象x = ['11', '2', '3'],则表达式 max(x) 的值为 [填 ...
【中级软考】什么是二维数组元素的偏移量？（就是把数组ravel[拉平]后存到内存中的元素位置）
比如:A[][]={{1,2,3},{4,5,6},{7,8,9}}; 4的偏移量就是3,8的偏移量就是7. 对一个数组 A[M][N]中任一元素A[i][j]的偏移量的计算方法就是:i*N+j; 比 ...
python内置函数可以返回数值型序列中所有元素之和_Python内置函数________________用来返回数值型序列中所有元素之和。...
[单选题]表达式 ','.join('a b ccc\n\n\nddd '.split()) 的值为______________. [单选题]表达式 'abcabcabc'.coun ...
食堂外卖java源代码,基于jsp的饭堂外卖系统-JavaEE实现饭堂外卖系统 - java项目源码...
基于jsp+servlet+pojo+mysql实现一个javaee/javaweb的饭堂外卖系统, 该项目可用各类java课程设计大作业中, 饭堂外卖系统的系统架构分为前后台两部分, 最终实现在线上 ...

最新文章

热门文章