在谷歌浏览器扩展中从互联网获取当前时间

Question

如何从我正在编写的 google chrome 扩展内容脚本中获取 Internet 上的当前时间（日期）？请不要使用JQuery！而且我从来没有处理过http请求（或任何服务器请求），所以请提供详细的代码！ 谢谢！

Answer 1

更新

考虑到从当前网页发送请求时存在SOP 限制，我建议您在后台页面发送ajax 调用，然后使用Message Passing 将数据传输到内容脚本。您可以查看Cross-Origin XMLHttpRequest了解更多详情。

manifest.json

{
    "name": "36716999",
    "version": "0.1",
    "manifest_version": 2,
    "content_scripts": [
        {
            "js": [
                "content.js"
            ],
            "matches": [
                "<all_urls>"
            ]
        }
    ],
    "background": {
        "scripts": ["background.js"],
        "persistent": false
    },
    "permissions": [
        "http://www.timeapi.org/utc/now"
    ]
}

content.js

chrome.runtime.sendMessage({ query: "currentTime" }, function (response) {
    console.log(response.currentTime);
});

background.js

chrome.runtime.onMessage.addListener(function (request, sender, sendResponse) {
    if (request.query === "currentTime") {
        var xhr = new XMLHttpRequest();
        xhr.onload = function () {
            sendResponse({currentTime: xhr.responseText});
        };
        xhr.open("GET", "http://www.timeapi.org/utc/now");
        xhr.send();

        return true;
    }
});

上一页

你可以对http://www.timeapi.org/utc/now进行ajax调用以获得上网时间，考虑到你不想处理jQuery，这很容易进行ajax调用，你可以使用本机实现，XMLHttpRequest

manifest.json

{
    "name": "36715494",
    "version": "0.1",
    "manifest_version": 2,
    "content_scripts": [
        {
            "js": [
                "content.js"
             ],
             "matches": [
                 "<all_urls>"
             ]
        }
    ],
    "permissions": [
         "https://www.timeapi.org/utc/now",
         "http://www.timeapi.org/utc/now"
    ]
}

content.js

var xhr = new XMLHttpRequest();
xhr.onload = function() {
    console.log(xhr.responseText);
};

xhr.open("GET","https://www.timeapi.org/utc/now");
xhr.send();