Source Code & Font Viewer - HTML/CSS/JS/JSON/XML EN
Nicolas Dos Santos · Firefox
View & format source code with syntax highlighting — HTML, CSS, JS, JSON, XML — plus a font viewer with glyph grid.
<all_urls>),意味着它可以读取你在任意站点的页面内容,包括已登录的页面。这是许多扩展正常工作的必要条件,但也值得你确认来源可信。
截图
简介
Tired of staring at your browser's bland, unstyled source viewer? Source Code & Font Viewer is here to fix that. View — and format — the source of any web page with proper formatting and beautiful syntax highlighting, right from the context menu or with a single click on the toolbar icon. No more walls of unreadable text. Just clean, colorized code, the way it should be.
✨ What you get:
• Beautiful syntax highlighting for HTML, CSS, JavaScript, JSON & XML
• Automatic formatting & beautification — pretty-print minified CSS, JS, JSON & HTML
• Automatic in-place formatting when you open a raw CSS/JS/JSON/XML file directly
• An interactive reference sidebar & site tree — browse all external scripts, stylesheets, fonts, images, and linked resources in an organized virtual file tree, with quick shortcuts to inspect any asset
• Quick-copy split button — copy formatted code with a single click, or use the dropdown to copy the raw source code or URL with instant feedback
• Full-text search (Cmd/Ctrl+F) across the entire source — not just the visible part — with next/previous, match case, whole word, regular expressions, and advanced structural search modes (XPath, CSS Selectors, JSONPath)
• One-click download of the formatted source with a smart filename — downloaded HTML still renders locally, and stylesheets keep finding their fonts & images
• A built-in font viewer — preview any web font (woff2, woff, ttf, otf) with your own sample text, size, weight & style, plus a glyph grid of the characters it covers (click a glyph to copy it)
• A range of light & dark themes
• Word wrap, line numbers & code folding
• Clickable links to jump between resources without leaving the viewer
• One-click switch back to the browser's native source view
• Available in multiple languages
Great for developers, web designers, and anyone who needs to view or format HTML, CSS, JavaScript, JSON, or XML source code — or inspect a web font. A clean source code viewer, JSON/XML viewer, font viewer, and code formatter in one.
Source Code & Font Viewer - HTML/CSS/JS/JSON/XML 是做什么的
Source Code & Font Viewer - HTML/CSS/JS/JSON/XML 是一款面向 Firefox 的开发者工具类扩展,主要用来调试页面、查看样式与请求、测试接口、辅助前端开发。官方对它的介绍是:View & format source code with syntax highlighting — HTML, CSS, JS, JSON, XML — plus a font viewer with glyph grid.在Firefox 附加组件商店(AMO)上,它当前版本 1.14.0,评分 4.67(3 人评价),约 33 名用户。
适合什么人用
从功能定位看,Source Code & Font Viewer - HTML/CSS/JS/JSON/XML 更适合前端工程师、测试与需要经常查看页面结构的用户。如果你平时只是偶尔遇到相关需求,用浏览器自带功能也能凑合;但如果这件事每天都发生,装一个专门处理它的扩展通常比手动操作省事得多。需要注意的是它作用于所有网站,装上后建议先观察一两天,确认不影响常用站点的正常使用。
怎么安装 Source Code & Font Viewer - HTML/CSS/JS/JSON/XML
- 打开Firefox 附加组件商店(AMO)上的官方页面;
- 点「添加到浏览器」并确认权限提示;
- 装好后在扩展列表里固定图标,方便随时开关。
本站只做索引与介绍,安装包来自官方商店。如果商店页面提示当前地区不可用,说明该扩展未在你所在区域上架。
常见问题
Source Code & Font Viewer - HTML/CSS/JS/JSON/XML 是免费的吗?
Source Code & Font Viewer - HTML/CSS/JS/JSON/XML 在Firefox 附加组件商店(AMO)免费提供下载。它是浏览器扩展,装上就能直接用,不需要注册账号。
Source Code & Font Viewer - HTML/CSS/JS/JSON/XML 安全吗?
它只申请了 0 项权限,范围比较克制,没有申请「读取所有网站数据」这种大权限。
Source Code & Font Viewer - HTML/CSS/JS/JSON/XML 支持哪些浏览器?
当前收录的版本来自Firefox 附加组件商店(AMO),适用于 Firefox。同一个扩展在其他商店可能有对应版本,但功能与版本号不一定相同。
怎么卸载 Source Code & Font Viewer - HTML/CSS/JS/JSON/XML?
在扩展管理页找到 Source Code & Font Viewer - HTML/CSS/JS/JSON/XML,点移除即可。它在本地保存的设置会一起清掉,不会残留数据。
权限清单 来自 manifest.json 原文
站点访问 3
file:///*http://*/*https://*/*
接口权限 5
activeTabcontextMenusscriptingstoragetabs





