Hotpatch 제작자: orindholt
Hotpatch adds a sidebar code editor for writing CSS and JS patches that apply to every page of the site you're on. CSS updates live as you type, JS runs on every page load, and each patch is scoped to the site it was made on.
확장 메타 데이터
정보
A sidebar code editor for tweaking the sites you use. Write a CSS or JS patch and it applies to every page of that site, on every visit. CSS updates live as you type; JS runs on page load. Patches are scoped per site and stored on your device.
Open the sidebar on any http(s) page and you get a tabbed editor for that site's patches — no devtools, no scratch files, nothing to re-paste after a reload.
Built on CodeMirror 6 with:
Formatting & linting
- Prettier formatting on demand (
- Live linting flags syntax errors before a patch ever reaches the page
Customization
- 14 editor themes across light and dark — GitHub, Dracula, Nord, Solarized, Tokyo Night, Catppuccin, Gruvbox, Monokai, One Dark, and more
- Configurable font size, tabs or spaces, indent width, and line wrapping
- Set default starting code for new CSS and JS patches
Hotpatch collects nothing and sends nothing anywhere. Your patches and settings live in your browser's local extension storage — no account, no sync server, no analytics, no network requests of any kind.
Patches only work on http(s) pages; browser-internal pages, extension pages, and local files can't be patched. Broad site access is required because a patch can target any site you choose to write one for.
Open the sidebar on any http(s) page and you get a tabbed editor for that site's patches — no devtools, no scratch files, nothing to re-paste after a reload.
- CSS patches — injected into every page of the site, updating instantly while you type. Hide clutter, fix contrast, widen a cramped layout, restyle anything.
- JS patches — run automatically on page load, or hit Run now to execute one against the current tab immediately.
- Unlimited patches per site — each with its own tab, name, and enable/disable switch.
- Highlight matches — with a CSS patch open, turn on Highlight and Hotpatch outlines every element matched by the rule your cursor is sitting in, so you can see what a selector actually hits.
- Manage everything from one place — the overview lists all patches grouped by site, with toggles and delete buttons, so you can find and disable something without visiting the site first.
Built on CodeMirror 6 with:
- Syntax highlighting
- Autocompletion
- Bracket matching and closing
- Code folding
- Line numbers
- Undo history
Formatting & linting
- Prettier formatting on demand (
Cmd/Ctrl-Shift-F) or automatically on save (Cmd/Ctrl-S)- Live linting flags syntax errors before a patch ever reaches the page
Customization
- 14 editor themes across light and dark — GitHub, Dracula, Nord, Solarized, Tokyo Night, Catppuccin, Gruvbox, Monokai, One Dark, and more
- Configurable font size, tabs or spaces, indent width, and line wrapping
- Set default starting code for new CSS and JS patches
Edits save themselves as you type. There is no save button to forget.
Hotpatch collects nothing and sends nothing anywhere. Your patches and settings live in your browser's local extension storage — no account, no sync server, no analytics, no network requests of any kind.
Patches only work on http(s) pages; browser-internal pages, extension pages, and local files can't be patched. Broad site access is required because a patch can target any site you choose to write one for.
리뷰어 0명이 0점으로 평가함
권한 및 데이터
필수 권한:
- 브라우저 탭에 접근
- 탐색 중 브라우저 활동에 접근
- 모든 웹사이트에서 사용자의 데이터에 접근
데이터 수집:
- 개발자는 이 확장 기능이 데이터 수집을 요구하지 않는다고 밝히고 있습니다.
추가 정보
- 부가 기능 링크
- 버전
- 1.0.0
- 크기
- 436.86 KB
- 마지막 업데이트
- 13일 전 (2026년 8월 5일)
- 관련 카테고리
- 버전 목록
- 모음집에 추가