可点击的 Json 链接答案

【问题标题】：Clickable Json links可点击的 Json 链接
【发布时间】：2017-12-07 12:38:21
【问题描述】：

我正在使用 Firefox 浏览 json 文件进行导航，我必须复制并粘贴文档中的链接。

是否有可能使这些链接像超链接一样可点击？

【问题讨论】：

我想这将涉及编写你自己的浏览器（或浏览器插件）来检查数据并用 HTML 呈现它，在你的逻辑认为合适的地方插入超链接。 JSON 本身没有超链接，因为它不是 HTML。
David：Firefox 确实在内部使用 HTML 呈现 JSON。我不明白为什么必须编写整个浏览器或自己渲染所有数据。后处理浏览器生成的 HTML 就足够了。

【解决方案1】：

使用以下 GreaseMonkey 脚本（也可以选择为您的域中的 JSON 路径触发它）。

// ==UserScript==
// @name        JSON links
// @namespace   http://example.com/json-links
// @description Clickable links in JSON
// @include     http://localhost/*
// @version     1
// @grant       none
// ==/UserScript==

setTimeout(function() {
    Array.forEach(
        document.querySelectorAll('.objectBox-string'),
        function(span) {
            var url = span.firstChild.nodeValue;
            url = /^\s*"((?:http|https|ftp):\/\/.*)"\s*$/.exec(url);
            if(!url) return;
            url = url[1];

            var a = document.createElement('a');
            a.href = url;
            a.appendChild(span.firstChild);

            span.parentNode.replaceChild(a, span);
        }
    );
}, 300);  // FF dev tools transform JSON into HTML dynamically therefore timeout

如果您也需要在本地文件上运行它，请参阅此答案：

Run Greasemonkey on html files located on the local filesystem?

（虽然我不知道它是否适用于当前版本的 Firefox）。

【讨论】：