折騰：

【已解決】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源码...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。