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

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

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

【问题讨论】:

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

标签: json hyperlink clickable


【解决方案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

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-04-02
    • 1970-01-01
    • 2019-05-05
    • 2015-10-20
    • 2011-08-22
    • 2016-07-31
    • 1970-01-01
    相关资源
    最近更新 更多