iT邦幫忙

DAY 27
2

Chrome Extension 開發筆記系列 第 24

Chrome Extension 筆記(27)取得所有書籤列表

  • 分享至 

  • xImage
  •  


對於現在的瀏覽器, 書籤已經是基本的功能了,
總覺得書籤應該能再延伸出些什麼應用才對,
這次一樣是一個簡單的 DEMO
manifest.json

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

index.html

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

app.js

var content = document.querySelector('#content');


chrome.bookmarks.getTree(function(bookmarkTreeNodes){
	console.log(dumpTreeNodes(bookmarkTreeNodes[0]));
	content.innerHTML = dumpTreeNodes(bookmarkTreeNodes[0]);
});

function dumpTreeNodes(bookmarkNodes){
	var output = [];
	var tree   = bookmarkNodes.children || [];
	for (i = 0; i < tree.length; i++) {
		output.push(dumpNode(tree[i]));
	}
	return output.join('');
}

function dumpNode(bookmarkNode){
	var output = [];
	output.push('<ul>');
	output.push(bookmarkNode.title);
	if (bookmarkNode.children && bookmarkNode.children.length > 0) {
		output.push(dumpTreeNodes(bookmarkNode));
	}
	output.push('</ul>');
	return output.join('');
}

上一篇
Chrome Extension 筆記(26)多國語系 i18n
下一篇
Chrome Extension 筆記(28)omnibox 在網址列註冊你的關鍵字
系列文
Chrome Extension 開發筆記27
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言