[Extension]Chrome 心路历程

开始做的时候，真不知道从哪开始下手，还好360业界良心有份Chrome Extension 的中文翻译文档

http://open.chrome.360.cn/extension_dev/tabs.html

 

有两个最有难度了(个人认为):

1.XMLHTTPRequest

该协议只能请求到xml文档，导致之前一个重试的html响应不到，最后只能重新写一个xml返回

2.chrome API异步

由于是异步，不能调用自己类中的方法。最后解决方法是写成两个类，异步类调用另一个类的方法

下面贴伤代码:

var kittenGenerator = {
  GetItem:function(){
    var item=null
    chrome.windows.getCurrent(function(window){
      chrome.tabs.getSelected(window.id,function(tab){
        url=tab.url.split('/')[3]
        item=url.substr(0,url.indexOf('.'))
        url='http://www.kjt.name:8888/getRelByItem/'+item
        isw.requestKittens(url)
      })
    })
    return item
  }

};

var isw={
  requestKittens: function(url) {
    var req = new XMLHttpRequest();
    req.open("GET", url, true);
    req.onload = this.showPhotos_.bind(this);
    req.send(null);
  },

  showPhotos_: function (e) {
    var kittens = e.target.responseXML.querySelectorAll('task');
    var urls=new Array()
    for (var i = 0; i < kittens.length; i++) {
      imgsrc=this.constructKittenURL_(kittens[i]);
      urls[i]=imgsrc
    }
    chrome.windows.create({
      'url':urls
    })
  },

  constructKittenURL_: function (photo) {
    return photo.getAttribute("href")
  }
}

chrome.browserAction.onClicked.addListener(function(){
  kittenGenerator.GetItem()
})