用于 JSON 读取的 Google Chrome 插件

Question

是否有 Chrome 插件可以在 Chrome 中呈现 JSON 文件？目前 Chrome 只是尝试下载它们，这有点无聊。

Answer 1

用于 chrome 的 JSONView

• 浏览器内查看器
• 扩展和收缩 JSON 项目
• 格式验证
• 不需要 .json 结尾

使能够：

Chrome 扳手按钮 >> 工具 >> 扩展 >> “允许访问文件 URL”

Answer 2

我迫不及待地等待新的 Chrome API 并使用简单的正则表达式匹配移植 JSONView。

http://github.com/jamiew/jsonview-chrome

这是一个粗略的草案，但它有效！您可以使用 chrome://extensions 中的“Load unpacked extension”安装它——解决一些问题，但很快就会将其打包为真正的扩展。

为了进一步美化，请查看“XML Tree”扩展（超级用户还不会让我发布 2 个链接）

Answer 3

显然，前段时间有人在 Chromium-extensions Google group 上问如何构建这样的扩展，答案是目前还不可能。

最近，其他人又问了同样的问题- 因此，一旦实现 API 支持，这种扩展似乎不会花很长时间。

同时，如果您真的对此感到困扰并且可以安装本地代理（例如Fiddler2），您可以尝试将所有响应的 Content-Type 标头更改为“application/json”到“text /plain” - 并且仅针对 Chrome 页面请求执行此操作。这将诱使 Chrome 向您显示 JSON 数据的纯文本视图，而不是尝试下载它。不过要小心：这可能会破坏一些期望“application/json”内容类型的Web 应用程序。

要使用 Fiddler 实现这一点，只需从 Fiddler 的“规则”菜单中选择“自定义规则”，当 CustomRules.js 文件打开时，将此变量添加到 Handlers 类的开头：

class Handlers
{
    // You have to add these two lines
    public static RulesOption("Show JSON data as plain text in Chrome")
    var m_JSON2Text: boolean = false;

然后在 OnBeforeResponse 方法的末尾，就在右括号之前添加：

    if(m_JSON2Text) {
        var isJson = oSession.oResponse["Content-Type"].indexOf("application/json") != -1;
        var isChrome = oSession.oRequest["User-Agent"].indexOf("Chrome") != -1;
        if(isJson && isChrome) {
            oSession.oResponse["Content-Type"] = "text/plain; ";
        }
    }
    // Next is the closing bracket. Add all lines preceding this comment
}

这会将名为“在 Chrome 中将 JSON 数据显示为纯文本”的项目添加到 Fiddler 的“规则”菜单中，您将能够打开/关闭、触发/禁用所需的行为。

开销是必须在浏览时保持 Fiddler2 运行。当然，这是否会引起注意取决于您的硬件/软件配置。