iT邦幫忙

DAY 20
0

Chrome Extension 開發筆記系列 第 17

Chrome Extension 筆記(20)使用 history 來取得歷史記錄

  • 分享至 

  • xImage
  •  

其實歷史記錄的不只是有標題、網址而已,
事實上還能取得瀏覽次數、最後瀏覽的時間.
manifest.json

{
   "manifest_version": 2,
   "name": "ironman6",
   "version": "1.0",  
   "browser_action": {  
      "default_popup": "index.html"  
   },  
   "permissions": [
      "history"
   ]
}

index.html

        <title>ironman6</title>
        <style>body {width: 500px;}</style> 
    
    
    	<div id="content"></div>
        <script src="app.js"></script>
    

app.js

chrome.history.search({text: ''}, function(HistoryItem) {
	var content = document.querySelector('#content');
	var output = [];
	for (var i = 0; i < HistoryItem.length; i++) {
		var item  = HistoryItem[i];
		var url   = item.url;
		var title = item.title;
		var visit = item.visitCount;
		// item.lastVisitTime;
		output.push('<ul><a href="' + url + '">' + title + '</a>( ' + visit + ' )</ul>');
	}
	content.innerHTML = output.join('');
});

上一篇
Chrome Extension 筆記(19)提供最新資訊的幕後功臣, 事件頁面.
下一篇
Chrome Extension 筆記(21)能獨立出來的選項頁面
系列文
Chrome Extension 開發筆記27
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言