工作中經常遇到需要整理很多關鍵詞的首頁、前三頁的信息；但是一個一個標題復制太累了，所以做了一個小工具自動提取當前搜索結果的所有標題。

因為需要結合本地實際搜索結果，放棄了使用服務器端采集或現成API的做法，而是通過手動搜索，然后通過JS程序自動收集并展示到頁面右側。

最終效果如圖：

實現邏輯

1、編寫JS代碼完成采集當前頁面所有TITLE信息的功能

2、把JS代碼封裝到瀏覽器收藏夾中

3、每次使用時 ①打開需要提取的搜索結果頁面 ②點擊收藏夾 ③復制搜索結果TITLE信息

代碼實現：

代碼使用了jquery技術，百度本身使用了jquery不需要再做加載，直接寫代碼。

var key = $("#kw").val(); //獲取當前關鍵詞
$("#content_right").html(key + "</br>"); // 清理右側內容
var tpl = 0;
$("div .result").each(function() {
	if ($(this).attr("tpl") != "recommend_list") { //不要熱門搜索位置
		var sid = Number($(this).attr("id")) - tpl;
		$("#content_right").append("P1-" + "-" + sid + ":" + $(this).find("h3").text() + "</br>") // 添加所有標題
	} else {
		if ($(this).attr("tpl") == "recommend_list") {
			tpl = 1
		}
	}
});

封裝到收藏夾中：

第一步：壓縮js

收藏夾不能包含換行，只能壓縮。通過現成工具壓縮后得到

var key=$("#kw").val();$("#content_right").html(key+"</br>");var tpl=0;$("div .result").each(function(){if($(this).attr("tpl")!="recommend_list"){var sid=Number($(this).attr("id"))-tpl;$("#content_right").append("P1-"+"-"+sid+":"+$(this).find("h3").text()+"</br>")}else{if($(this).attr("tpl")=="recommend_list"){tpl=1}}});

第二步：JS代碼前加入前綴

一些瀏覽器需要在代碼前加入 javascript:才能識別為js

第三部：建收藏夾

隨便把一個網頁添加到收藏夾，然后將收藏的網址改為一下代碼，名字隨便起。

javascript:var key=$("#kw").val();$("#content_right").html(key+"<br>");var tpl=0;$("div .result").each(function(){if($(this).attr("tpl")!="recommend_list"){var sid=Number($(this).attr("id"))-tpl;$("#content_right").append("P1-"+"-"+sid+":"+$(this).find("h3").text()+"<br>")}else{if($(this).attr("tpl")=="recommend_list"){tpl=1}}}); 

使用方法：

1、打開想要提取TITLE的搜索結果頁面

2、點擊對應的收藏，所有title會顯示在右側，格式為 排名：TITLE

3、自由復制使用

移動端的方法后續放出