Source Code Viewer — HTML, CSS, JS, JSON & XML 版本紀錄 - 7 個版本
Source Code Viewer — HTML, CSS, JS, JSON & XML 作者: Nicolas Dos Santos
Source Code Viewer — HTML, CSS, JS, JSON & XML 版本紀錄 - 7 個版本
小心舊版本!這些版本只是提供來測試與參考用。您應該隨時用最新版的附加元件。
最新版本
版本 1.6.1
發行於 2026年7月22日 - 481.28 KB適用於 firefox 109.0a1 與更新版本Renamed the extension to "Source Code Viewer — HTML/CSS/JS/JSON/XML" and reworded the store summary across all locales to mention the supported languages (HTML, CSS, JavaScript, JSON, XML) and formatting, improving discoverability. No functional changes.原始碼依照 僅 GNU General Public License v3.0 條款釋出
較舊版本
版本 1.6.0
發行於 2026年7月20日 - 480.3 KB適用於 firefox 109.0a1 與更新版本v1.6.0 — New highlighting engine & many more themes- 🎨 Rebuilt on CodeMirror 6: smoother, more accurate syntax highlighting for HTML, CSS, JavaScript, JSON, and XML.
- 🌈 45 themes to choose from (light & dark) — up from 8.
- 🧩 Code folding: collapse and expand blocks of code.
- ⚡ Themes and language grammars now load on demand, keeping the viewer lean.
ℹ Because the theme system changed, your previously selected theme resets to the default — just pick your favorite again from the toolbar.原始碼依照 僅 GNU General Public License v3.0 條款釋出
版本 1.5.0
發行於 2026年7月18日 - 154.24 KB適用於 firefox 109.0a1 與更新版本- In-Place Auto-Open: Navigating directly to a raw
.css/.js/.json/.xmlURL now renders the formatted viewer in place — as a full-viewport iframe embedding the viewer page over the original page — instead of redirecting the tab. The address bar keeps the original URL and the browser back button works in a single hop. (Firefox's built-in JSON viewer, when enabled viadevtools.jsonview.enabled, still intercepts direct.jsonnavigations before the extension can run.) - JSON Support: Added JSON syntax highlighting and formatting (with a safe fallback for invalid JSON), plus content-type-aware file detection — the response's real MIME type now takes precedence over the URL extension (handles extensionless URLs such as
fonts.googleapis.com/css2?…). - Type-Aware Link Routing: Links in the viewer are now routed by the target's type — image URLs (
.png,.svg, …) open in the browser to render natively, while source files reopen in the code viewer. Clickable URLs now also cover CSSurl(…)values and the HTMLcontentattribute (e.g.og:image), the latter only when it holds an absolute URL.
- Theme Stylesheet URL: Theme stylesheets are now resolved via
browser.runtime.getURL, so they load correctly regardless of the page hosting the viewer. - Line-Number Alignment: Line numbers no longer misalign when word wrap is on. The viewer now waits for fonts (
document.fonts.ready) and a frame (requestAnimationFrame) before highlighting, and recomputes line-number row heights whenever word wrap is toggled.
原始碼依照 僅 GNU General Public License v3.0 條款釋出
- In-Place Auto-Open: Navigating directly to a raw
版本 1.4.0
發行於 2026年7月17日 - 143.19 KB適用於 firefox 109.0a1 與更新版本- Added
- Additional Languages: Added Spanish, German, Italian, Japanese, Simplified Chinese, and Portuguese (Brazilian + European) on top of English and French — 9 locales total. The store description is now localized as well.
- Native Source Viewer Action: Added a toolbar button to open the current page in the browser's built-in
view-source:viewer (left click opens in the same tab; middle click or Ctrl/Cmd+click opens in a new tab). - Changed
- Build & Codebase Migration: Migrated the extension to WXT + TypeScript + Vue 3, with behaviour parity. Source is now organized into components, composables, and typed utilities.
- Toolbar Redesign: Reworked the toolbar into a coherent icon-button bar — word wrap became an icon toggle (highlighted when active), the theme selector gained a palette icon, and the native-viewer action is a dedicated icon button (using
@lucide/vue). - Localization Overhaul: Switched to YAML-based, type-safe messages via
@wxt-dev/i18n; the_locales/*/messages.jsonfiles are now generated at build time. - Developer Tooling: Added type-aware ESLint, Prettier (
printWidth120), and Stylelint; husky + lint-staged pre-commit hooks; a GitHub Actions CI workflow (lint + typecheck + build); and pinned Node 24 and pnpm viaengines/packageManager. - Fixed
- Native Viewer Redirects: The native-viewer action now survives redirects that strip the query string (e.g. sites that 301
/?...back to/). The request is routed through the background script, which tracks the intended tab by id instead of relying on a fragile query parameter, keeping the target URL clean.
原始碼依照 僅 GNU General Public License v3.0 條款釋出
版本 1.3.0
發行於 2026年6月30日 - 150.18 KB適用於 firefox 109.0a1 與更新版本- feat: display page size in a bottom status bar
- feat: make URLs clickable in HTML source code
- feat: implement language-aware code formatting and syntax highlighting for JS, CSS, and HTML files.
原始碼依照 僅 GNU General Public License v3.0 條款釋出
版本 1.2.0
發行於 2026年5月13日 - 105.52 KB適用於 firefox 109.0a1 與更新版本Update to version 1.2.0:
- Restricted Domain Handling: Automatic detection of pages where extensions are prohibited (e.g., Chrome Web Store, Firefox Add-ons).
- Native Fallback System: Added a button to switch to the browser's native source viewer on protected pages.
- UX Improvements: Added a manual URL copy option if automatic navigation is blocked.
- Code Refactoring: Centralized detection logic into a shared module.
- Full Localization: Added comprehensive French and English support for error messages and UI elements.原始碼依照 僅 GNU General Public License v3.0 條款釋出
版本 1.1.0
發行於 2026年5月4日 - 103.08 KB適用於 firefox 109.0a1 與更新版本原始碼依照 僅 GNU General Public License v3.0 條款釋出