【整理】用Chrome或Chromium查看百度首页中各元素的html源码

折腾：

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

和：

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

期间，都涉及到：

用Chrome（和Chromium）去查看元素。

整理到此处，供参考。

注：

后续发现：

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

右键的copy是空

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

即：百度一下，你就知道

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

可以右键 输入框 检查

打开 Chrome的 开发者工具

可以看到对应的html

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

拷贝出来是：

注意到：

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

其中：

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

以及，确认id是否唯一：

去搜一下此处的id：

证明对于：

是唯一的

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

看到html是：

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

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

找到这个：

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

去看看其html：

找到是：

上层父节点的元素是：

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

这个稍微复杂点：

以及另外一个：