我如何創建一個讀取xml或json的Chrome擴展程序

我試着安排一個Google Chrome瀏覽器擴展程序，我只需將一個json或xml從我的網站上顯示內容。但是我不能做這個任務可能會說一些代碼來執行這個任務。我會大大感激我如何創建一個讀取xml或json的Chrome擴展程序

這裏有一個如何配置我的manifest.json

{ 
    "manifest_version": 2, 
    "name": "Name", 
    "description": "My WEB SITE DESCRIPTION." 
    "version": "1.0", 

    "browser_action": { 
    "default_icon": "icon.png", 
    "default_popup": "popup.html" 
    } 
    "permissions": [ 
    "http://domain.com/" 
    ] 
}

當我試圖得到一個XML（如果他們知道我可以實現JSON會同樣有用）的例子：

window.addEventListener("load", function inicial(){ 
     xmlhttp.open("GET", "http://domain.com/feed", false); 
     xmlhttp.send(null); 
     if (xmlhttp.status==200) { 
        xmlDoc = xmlhttp.responseXML; 
        var links = xmlDoc.getElementsByTagName("link"); 
        alert(links); 
      } else if (xmlhttp.status==404) { 
       alert("XML could not be found"); 
      } 
});

問候。

來源

2013-10-25 Francis Goris

Kjhughes您好，我只是改變了我的後請重新閱讀 –

也許你想嘗試http://crossrider.com/有很多可能性。我有很好的經驗 – delueg

我只需要讀一個遠程xml或json來顯示我的web信息中的信息，以便我想爲其他用戶創建的程度來安裝 –

您提供的代碼中似乎有許多錯誤。我意識到其中很多可能已經在適應代碼發佈的同時被引入，因此可能不存在於實際代碼中。在任何情況下，這是你應該如何從頭做到這一點：

擴展文件結構：

extension-root-directory/ 
         |___manifest.json 
         |___popup.html 
         |___popup.js

manifest.json的：

{ 
    "manifest_version": 2, 
    "name": "<EXTENSION-NAME>", 
    "description": "<EXTENSION-DESCRIPTION>", 
    "version": "1.0", 

    "browser_action": { 
     "default_title": "<BROWSER-ACTION-TITLE>", 
     "default_popup": "popup.html" 
    }, 

    "permissions": [ 
     "<URL-TO-XML-OR-JSON>" // e.g. "http://domain.com/feed" 
    ] 
}

popup.html：

<!DOCTYPE html> 
<html> 
    <head> 
     <script type="text/javascript" src="popup.js"></script> 
    </head> 
    <body> 
     Loading... 
    </body> 
</html>

個

popup.js：

var ajaxURL = "<URL-TO-XML-OR-JSON>"; // e.g. "http://domain.com/feed" 
window.addEventListener("load", function() { 
    xmlhttp = new XMLHttpRequest(); 
    xmlhttp.open("GET", ajaxURL, false); 
    xmlhttp.send(null); 
    if (xmlhttp.status == 200) { 
     var data = xmlhttp.responseXML; // or JSON.parse(xmlhttp.responseText) 
     // Do stuff with the retrieved data... 
     console.log(data); 
    } else { 
     document.body.innerHTML("Failed to load the data !"); 
    } 
});

來源

2013-10-26 15:02:28 gkalpak

我如何創建一個讀取xml或json的Chrome擴展程序

回答

相關問題