0
(0)

波哥這兩天正好需要抓取一個外掛所有的圖片URL和對應的提示語信息，手頭上剛好沒有安裝現成的外掛或爬蟲工具。想著Chrome Console應該也可以執行一些抓取動作。於是，研究了一下，居然真的還成功了。

程式碼很簡單，就不作過多的解釋了。需要的人自取。

// 獲取所有圖片
const imgs = document.querySelectorAll('.template-img img');

imgs.forEach(img => {

// 獲取tooltip ID
const tooltipId = img.getAttribute('aria-describedby');

try{

// 根據ID獲取tooltip
const tooltip = document.getElementById(tooltipId);

// 提取圖片URL和描述文字
const url = img.src;

const desc = tooltip.innerText;

// 輸出Markdown格式
console.log(`

![](${url})

\`${desc}\`

`);

}catch(err){

// 錯誤處理
console.log('Error:', img.src);

}

});

這篇文章對你有幫助嗎？

給個5星好評吧？

感謝支援《波哥分享》原創文章!

原文標題：Chrome Console 抓取網頁信息和圖片URL

原文網址：https://www.booooker.com/1242.html

平均分 0 / 5. 評價計數: 0

還沒有人評價哦～

抱歉喲～如果您覺得不好，可以聯絡我們進行質量提升喲！

期待您的反饋

Tell us how we can improve this post?

猜你喜歡

轉載請保留原文連結：https://www.booooker.com/1242.html
  1. 本站所有文章，如無特殊說明或標註，均為本站原創釋出。在未徵得本站同意時，禁止複製、盜用、採集、釋出本站內容。
  2. 本站資源僅供研究、學習交流之用，若使用商業用途，請購買正版授權，否則產生的一切後果將由下載使用者自行承擔。
  3. 如若本站內容侵犯了原著者的合法權益，可聯絡我們進行處理。 聯絡方式（#替換成@）：info#booooker.com