javascript - 我如何创建一个读取 xml 或 json 的 Chrome 扩展程序

标签 javascript xml json google-chrome-extension

我试图安排一个 google chrome 扩展,我只提取一个 json 或 xml 来显示我网站的内容。但是我不能做这个任务可能会说一些代码示例来执行这个任务。我将不胜感激

这是一个如何配置我的 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");
          }
});

问候。

最佳答案

您提供的代码中似乎有很多错误。我意识到其中许多可能是在调整此处发布的代码时引入的,因此可能不存在于实际代码中。无论如何,这就是您应该从头开始的方式:

扩展文件结构:

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

list .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 !");
    }
});

关于javascript - 我如何创建一个读取 xml 或 json 的 Chrome 扩展程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19599233/

相关文章:

javascript - 从路径名中检索第一部分 [/sample/v1]

javascript - 如何在 Angular 1.5 组件中等待 UI Router Resolve 的 promise

javascript - 当值高于或低于 70 时,如何使用 Morris.js 为条形着色

c# - 在 C# 中反序列化 XML - 格式错误时返回 null

json - 如何根据其他下拉选项加载本地Json到Flutter DropDown?

Javascript Windows.Location 传递复杂的 JSON 对象

javascript - $$eval 返回未定义。在 puppeteer js 中

android - 在安卓中使用 AliasActivity

php - 如何将 MySQL foreach 循环添加到 DOMDocument XML

c++ - 从 node.js C++ 绑定(bind)访问 JSON.stringify