1、開發工具控制臺交互執行
網頁中按F12打開開發者工具,選擇“控制臺”,鍵入js腳本命令回車執行,適用于臨時使用腳本邏輯簡單的場景,實例如下:
// 獲取網頁元素的文本腳本
var elem = document.getElementById("elem_id");
var elem_text = copyText.innerText;
elem_text
以獲取該網頁https://www.52pojie.cn/thread-1941978-1-1.html標題文本為例,具體操作如下:
首先獲取元素id,如當前帖子標題id為thread_suject
然后根據元素id,編寫js腳本命令獲取元素文本,如下圖所示標題文本獲取成功
2、開發工具中編寫js代碼文件片段執行
網頁中按F12打開開發者工具,選擇“源代碼”->“片段”->“新片段”,鍵入js腳本代碼,點擊運行按鈕執行,適用于腳本邏輯復雜的場景,實例如下:
點擊運行后,切換至控制臺,可發現標題文本已經獲得
3、建立網頁收藏夾執行
打開瀏覽器收藏夾管理器,新建收藏夾,添加名稱為“獲取帖子主題元素文本”,并將URL中鍵入上述腳本(PS:腳本前需要加上“javascript:”前綴說明腳本是js腳本,否則腳本無法解析執行),如下圖所示:
javascript:var elem = document.getElementById("thread_subject"); var elem_text = elem.innerText; elem_text;
添加完收藏夾后,切換至帖子頁面,點擊收藏夾執行腳本
執行結果如下圖所示: