Firefox 瀏覽器附加元件
  • 擴充套件
  • 佈景主題
    • 用於 Firefox
    • 字典與語言套件
    • 其他瀏覽器網站
    • Android 版的附加元件
登入
Source Code & Font Viewer - HTML/CSS/JS/JSON/XML 預覽

Source Code & Font Viewer - HTML/CSS/JS/JSON/XML 作者: Nicolas Dos Santos

View & format source code with syntax highlighting — HTML, CSS, JS, JSON, XML — plus a font viewer with glyph grid.

4.7(3 筆評分)4.7(3 筆評分)
24 位使用者24 位使用者
下載 Firefox 並安裝擴充套件
下載檔案

擴充套件後設資料

畫面擷圖
JSON formatting, syntax highlighting, line numbers & code foldingInteractive reference sidebar — explore external scripts, stylesheets & assetsTargeted search — full-text, CSS Selectors, XPath & JSONPathFont viewer — complete glyph grid with one-click copyFont viewer — live typing preview, size, weight & style controlsConfigurable settings — themes, font size, word wrap & tab behavior
關於此擴充套件
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.
由 1 位評論者給出 4.7 分
登入後即可幫此擴充套件評分
目前沒有評分

已儲存星等

5
2
4
1
3
0
2
0
1
0
閱讀全部 3 條評論
權限與資料

必要權限:

  • 存取瀏覽器分頁
  • 存取您所有網站中的資料

選用的權限:

  • 存取您所有網站中的資料

收集下列資料:

  • 開發者聲稱此擴充套件不要求收集任何資料。
了解更多
更多資訊
附加元件網址
  • 首頁
  • 技術支援網站
  • 複製附加元件 ID
版本
1.11.0
大小
492.71 KB
最近更新
9 天前 (2026年9月20日)
相關分類
  • 網頁開發
授權條款
僅 GNU General Public License v3.0
版本紀錄
  • 瀏覽所有版本
標籤
  • dark mode
  • download
  • user scripts
新增至收藏集
檢舉此附加元件
前往 Mozilla 官網

附加元件

  • 關於
  • Firefox 附加元件部落格
  • 擴充套件工作坊
  • 開發者交流中心
  • 開發者政策
  • 社群部落格
  • 討論區
  • 回報 Bug
  • 評論撰寫指南

下載

  • Download Firefox
  • Windows
  • macOS
  • iOS
  • Android
  • Linux
  • All

最新編譯版本

  • Nightly
  • Beta

Firefox for Business

  • Enterprise

社群

  • Connect
  • Contribute
  • Developer

追蹤

  • Instagram
  • YouTube
  • TikTok
  • Bluesky
  • Podcast
  • 隱私權
  • Cookie
  • 法律資訊

除另有註明外,本站內容皆採用創用 CC 姓名標示—相同方式分享條款 3.0 或更新版本授權大眾使用。