瀏覽器開發者工具應用:擷取文字

  • 648
  • 0

browser developer tool console

有時候需要複製網頁上的特定文字,但滑鼠選不起來,例如:只想複製 table第一直行的文字,以前是把整個 table複製下來,貼到 excel,複製目標行,貼到筆記本,刪掉換行……就這麼傻了一陣子,弄的自己超煩的。

某段時間發生頻率變很高,認真想了下有什麼辦法…網頁→js,棍!有 js我幹麻要這樣整自己?

看是要用正規式硬來:

document.body.innerHTML.match(/(some sepcial pattern)/g).filter(function(element, index, array){return index%2==0}).join("\r\n")

或是用 css selector寫的好讀一點:

[].map.call(document.querySelectorAll("#filter-field > div > table td:nth-child(2n-1)"),function(obj,idx){return obj.innerHTML}).join(", ")

剛才發現 chrome開發者工具 elements tab可以 Copy CSS Path,感覺第二種方式會更方便吧!