跳到主要内容
Source Code & Font Viewer - HTML, CSS, JS, JSON & XML Formatter

Source Code & Font Viewer - HTML, CSS, JS, JSON & XML Formatter

Nicolas Dos Santos · Edge MV3

查看并格式化源代码，支持语法高亮：HTML、CSS、JS、JSON、XML，另含字体查看器与字形网格。

18用户 v1.14.0当前版本
前往 Edge 商店
权限提示 该扩展申请访问所有网站（<all_urls>），意味着它可以读取你在任意站点的页面内容，包括已登录的页面。这是许多扩展正常工作的必要条件，但也值得你确认来源可信。

截图

  • Source Code & Font Viewer - HTML, CSS, JS, JSON & XML Formatter 截图
  • Source Code & Font Viewer - HTML, CSS, JS, JSON & XML Formatter 截图
  • Source Code & Font Viewer - HTML, CSS, JS, JSON & XML Formatter 截图
  • Source Code & Font Viewer - HTML, CSS, JS, JSON & XML Formatter 截图
  • Source Code & Font Viewer - HTML, CSS, JS, JSON & XML Formatter 截图
  • Source Code & Font Viewer - HTML, CSS, JS, JSON & XML Formatter 截图

简介

厌倦了浏览器平淡无奇、毫无样式的源代码查看器？Source Code & Font Viewer 为此而生。只需从右键菜单点击，或单击工具栏图标，即可查看并格式化任何网页的源代码，享受规范的排版与精美的语法高亮。告别密密麻麻、难以阅读的文本墙，体验干净清爽、富有色彩的代码呈现。

✨ 功能特性：
• 支持 HTML、CSS、JavaScript、JSON 和 XML 的精美语法高亮
• 自动格式化与美化 — 精美排版压缩后的 CSS、JS、JSON 与 HTML
• 直接打开原生 CSS/JS/JSON/XML 文件时自动就地格式化
• 交互式参考侧边栏与站点树 — 在整洁的虚拟文件树中浏览所有外部脚本、样式表、字体、图像及链接资源，并提供快速查看任意资源的快捷方式
• 快速复制组合按钮 — 一键复制格式化代码，也可通过下拉菜单复制原始源代码或 URL，并附带即时反馈
• 全局全文搜索（Cmd/Ctrl+F）— 检索整个源代码而不止可见区域，支持上一个/下一个、区分大小写、全字匹配、正则表达式以及高级结构化搜索模式（XPath、CSS 选择器、JSONPath）
• 一键下载带智能文件名的格式化源代码 — 下载的 HTML 仍可在本地正常渲染，样式表亦能继续关联其字体与图像
• 内置字体查看器 — 自定义示例文本、字号、字重与样式以预览任意 Web 字体（woff2、woff、ttf、otf），并提供涵盖字符的字形网格（点击字形即可复制）
• 多款浅色与深色主题
• 自动换行、行号与代码折叠
• 可点击链接，无需离开查看器即可在资源之间快速跳转
• 一键切换回浏览器原生的源代码视图
• 支持多种语言界面

非常适合开发者、网页设计师以及任何需要查看或格式化 HTML、CSS、JavaScript、JSON 或 XML 源代码或检查 Web 字体的人员。集干净清爽的源代码查看器、JSON/XML 查看器、字体查看器和代码格式化工具于一身。

Source Code & Font Viewer - HTML, CSS, JS, JSON & XML Formatter 是做什么的

Source Code & Font Viewer - HTML, CSS, JS, JSON & XML Formatter 是一款面向 Edge 的实用工具类扩展，主要用来解决浏览器里某类具体的小问题。官方对它的介绍是：查看并格式化源代码，支持语法高亮：HTML、CSS、JS、JSON、XML，另含字体查看器与字形网格。在微软 Edge 加载项商店上，它当前版本 1.14.0，约 18 名用户。

适合什么人用

从功能定位看，Source Code & Font Viewer - HTML, CSS, JS, JSON & XML Formatter 更适合想补上浏览器原生缺失功能的用户。如果你平时只是偶尔遇到相关需求，用浏览器自带功能也能凑合；但如果这件事每天都发生，装一个专门处理它的扩展通常比手动操作省事得多。需要注意的是它作用于所有网站，装上后建议先观察一两天，确认不影响常用站点的正常使用。

怎么安装 Source Code & Font Viewer - HTML, CSS, JS, JSON & XML Formatter

  1. 打开微软 Edge 加载项商店上的官方页面；
  2. 点「添加到浏览器」并确认权限提示；
  3. 装好后在扩展列表里固定图标，方便随时开关。

本站只做索引与介绍，安装包来自官方商店。如果商店页面提示当前地区不可用，说明该扩展未在你所在区域上架。

常见问题

Source Code & Font Viewer - HTML, CSS, JS, JSON & XML Formatter 是免费的吗？

Source Code & Font Viewer - HTML, CSS, JS, JSON & XML Formatter 在微软 Edge 加载项商店免费提供下载。它是浏览器扩展，装上就能直接用，不需要注册账号。

Source Code & Font Viewer - HTML, CSS, JS, JSON & XML Formatter 安全吗？

它只申请了 0 项权限，范围比较克制，没有申请「读取所有网站数据」这种大权限。

Source Code & Font Viewer - HTML, CSS, JS, JSON & XML Formatter 支持哪些浏览器？

当前收录的版本来自微软 Edge 加载项商店，适用于 Edge。同一个扩展在其他商店可能有对应版本，但功能与版本号不一定相同。

怎么卸载 Source Code & Font Viewer - HTML, CSS, JS, JSON & XML Formatter？

在扩展管理页找到 Source Code & Font Viewer - HTML, CSS, JS, JSON & XML Formatter，点移除即可。它在本地保存的设置会一起清掉，不会残留数据。

权限清单 来自 manifest.json 原文

站点访问（可选） 4

  • <all_urls>
  • file:///*
  • http://*/*
  • https://*/*

接口权限 5

  • activeTab
  • contextMenus
  • scripting
  • storage
  • tabs