使用 Tampermonkey 获取与页面相关的所有请求的标头

Question

我正在尝试编写一个 Tampermonkey 脚本，它将 document.location 和标题收集到字典中。谷歌了一下，发现我应该使用某种全局变量，但它没有按我的意愿工作。

这是脚本：

// ==UserScript==
// @name         My Fancy New Userscript
// @namespace    http://your.homepage/
// @version      0.1
// @description  enter something useful
// @author       You
// @match        *://*/*
// @grant        none
// ==/UserScript==


if (unsafeWindow.resources == undefined) {
   var unsafeWindow.resources = [];
}

var host = window.location;
unsafeWindow.resources.push(host);
console.log(unsafeWindow.resources);

运行时出现以下错误：

错误：脚本“My Fancy New Userscript”的执行失败！ unsafeWindow 没有定义

也许我正在尝试做的事情甚至不可能？

更新： 试图清楚一点。最终结果应生成一个字典，该字典将以 document.location 作为键，字典包含该位置的标头名称和标头值作为值。

{document.location = {"Headername" = "Header value", "Headername" = "Header value"}}

最终结果将用于生成包含字典中信息的表。像这样的：

/帕特里克

Answer 1

请将此作为您应该完成的任务的简要示例，并注意在继续您的项目时可能会遇到一些问题，因为有时 document.location 可能有点难以检索。

除此之外，代码：

// ==UserScript==
// @name       My Fancy New Userscript
// @namespace  http://use.i.E.your.homepage/
// @version    0.1
// @description  enter something useful
// @match      *://*/*
// @copyright  2015+, You
// ==/UserScript==

var storage = (function(win){
    var localDrive = win.localStorage;

    return {
        save:  function (/* <string> */ key, /* <string | JSONstringified object> */ value) {
            localDrive.setItem(key, value);
        },
        destroy:  function (/* <string> */ key) {
            return localDrive.removeItem(key) ? true : false;   
        },
        get:    function (/* <string> */ key) {
            return localDrive.getItem(key) == '' || localDrive.getItem(key) == null ? false : localDrive.getItem(key);
        }
    }
})(window);

window.storage = storage;

document.addEventListener("DOMContentLoaded", function(e) {
    // Dom ready, start:

    // Check whether the array exists or not :
    if (!storage.get("myDataList")) {
        storage.save("myDataList", JSON.stringify(
                       [{
                           'href'     :     document.location.href,
                           'location' :     document.location,
                           'test1'    :     'test',
                           'test2'    :     'test2'
                       }]
                    )
                   );   
    }
    else {
        // If exists, log every single object: 
        var currentStorageList = JSON.parse(storage.get("myDataList"));
        for (var i = 0; i < currentStorageList.length; ++i) {
            console.log(currentStorageList[i]);
        }
    }

    // Check whether this element exists in the current list, else add :

    var currentStorageList = JSON.parse(storage.get("myDataList"));

    var elementExists = currentStorageList.some(function(el,i,arr) {
       return el.href === document.location.href;
    });

    if (!elementExists) {
        console.log("current elements doesn't exist, let's push it!");
        storage.save("myDataList", JSON.stringify(JSON.parse(storage.get("myDataList")).push({
                           'href'     :     document.location.href,
                           'location' :     document.location,
                           'test1'    :     'test',
                           'test2'    :     'test2'
                       })));
    }
});

这是纯 javascript，因为我没有看到你使用 jQuery。

我已经提供了：

1. 一个舒适的 DOM 对象（存储），主要有三种方法：save（存储 key => value，其中 value 必须是字符串或 json 字符串化元素，因为您不能将数组存储在本地存储中），get（获取从键）和销毁（从键）。
2. domready 开头的构造函数：如果保存元素的键不存在，它将创建它并填充当前文档位置，使用文档的 href 标识它。
3. 一些示例可用于保存/检索您需要的内容。

请注意，这只是一个示例（但它确实有效）。

另外，在您的 tampermonkey 脚本设置中，不要忘记将其设置为在 document-end 运行。

xkcd 上的输出（用于测试）是这样的：

http://prntscr.com/784zw7（图片直接链接）

希望这对您的项目有所帮助；）