折騰：

【已解決】Mac中用Selenium自動操作瀏覽器實現(xiàn)百度搜索

和：

【未解決】Mac中用puppeteer自動操作瀏覽器實現(xiàn)百度搜索

期間，都涉及到：

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

整理到此處，供參考。

注：

后續(xù)發(fā)現(xiàn)：

Playwright的Chromium中，雖然能打開 開發(fā)者工具 但是，右鍵無法復(fù)制copy元素的html

右鍵的copy是空

此處先去確認頁面title標題：

即：百度一下，你就知道

此處通過Chrome的 開發(fā)者工具 去 右鍵找到輸入框?qū)?yīng)的元素：

可以右鍵 輸入框 檢查

打開 Chrome的 開發(fā)者工具

可以看到對應(yīng)的html

另外 Playwright調(diào)用的Chromium中效果是：

拷貝出來是：

注意到：

Chromium中 調(diào)試工具已實時顯示出 定位元素的Selector的，可以寫成：input#kw.s_ipt

其中：input：tag元素名

kw：是id

s_ipt：是class

—》后續(xù)代碼中定位元素的CSS的Selector，則可以借鑒，甚至直接用這個寫法

以及，確認id是否唯一：

去搜一下此處的id：

證明對于：id="kw"

是唯一的

對于找 百度一下 按鈕，和之前類似，去 右鍵檢查

看到html是：

且搜了下，確保只有一個："su"

找百度搜索后，確保會出現(xiàn)的內(nèi)容：

找到這個：百度為您找到相關(guān)結(jié)果約xxx個

因為，故意找不到，也會出現(xiàn)這個：

去看看其html：百度為您找到相關(guān)結(jié)果約2,370,000個

去搞清楚，本身此處的每條搜索結(jié)果的內(nèi)容的html是什么

右鍵 檢查：

找到是：crifan – 在路上

上層父節(jié)點的元素是：

crifan – 在路上

多看看幾個結(jié)果，是否都是同樣格式：

這個稍微復(fù)雜點：

GitHub - crifan/crifanLib: crifan's library

以及另外一個：

crifan (Crifan Li) · GitHub

總結(jié)

以上是生活随笔為你收集整理的元素对应到html源代码,【整理】用Chrome或Chromium查看百度首页中各元素的html源码...的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。