Easily inject CSS into a webpage for testing

Latest Version

Version

2.0.0

Update

January 3, 2023

Size

147KiB

Developer

Live CSS Tester Extension

This plugin allows you to easily add CSS into a webpage for testing. The editor is available through a popup or the devtools.

Features:
* Enable/Disable CSS
* Download CSS
* Upload CSS
* Dark mode
* Word wrap
* Autocomplete
* Devtools support
* Remember last input

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx",\t"name": "Live CSS Tester",\t"version": "2.0.0",\t"permissions": [\t\t"storage",\t\t"scripting"\t],\t"host_permissions": [\t\t""\t],\t"description": "Easily inject CSS into a webpage for testing",\t"devtools_page": "devtools.html",\t"icons": {\t\t"128": "icon128.png"\t},\t"action": {\t\t"default_popup": "editor.html"\t},\t"manifest_version": 3}

Download CRX(147KiB)

Similar Extensions

Dev Helpers Extension · Developer Tools 1,000+ 6 ★ 135KiB

Supertweak Extension · Developer Tools 1,000+ 4 ★ 75.3KiB

DynamicCSSEditor Extension · Developer Tools 1,000+ 3 ★ 582KiB

Super CSS Inject Extension · Developer Tools 1,000+ 11 ★ 124KiB

Inspect CSS Extension · Developer Tools 1,000+ 24 ★ 404KiB

Visual CSS Editor Extension · Developer Tools 1,000+ 145 ★ 414KiB

Live CSS Editor Extension · Developer Tools 1,000+ 182 ★ 24.38KiB

CSS inject Extension · Productivity 1,000+ 4 ★ 7.88KiB

Custom CSS by Denis Extension · Productivity 1,000+ 46 ★ 162KiB

Amino: Live CSS Editor Extension · Developer Tools 1,000+ 453 ★ 1.45MiB

Live editor for CSS, Less & Sass - Magic CSS Extension · Developer Tools 1,000+ 266 ★ 2.15MiB

MageTools: DevTools Reimagined Extension · Developer Tools 1,000+ 9 ★ 84.8KiB

EazyCSS Extension · Developer Tools 1,000+ 13 ★ 2.98MiB

User JavaScript and CSS Extension · Developer Tools 1,000+ 564 ★ 1.62MiB

User CSS Extension · Developer Tools 1,000+ 264 ★ 298KiB

Live Custom CSS,JS injector on pages Extension · Developer Tools 1,000+ 35 ★ 140KiB

InTab Extension · Developer Tools 1,000+ 12 ★ 11.18MiB

Restyler Extension · Developer Tools 1,000+ 14 ★ 853KiB

CSS Selector Capture Pro Extension · Developer Tools 1,000+ 11 ★ 116KiB

Quickfix CSS Editor Extension · Developer Tools 1,000+ 8 ★ 354KiB

CSS Inspector Extension · Developer Tools 1,000+ 64 ★ 2.57MiB

CSS Brio Extension · Developer Tools 1,000+ 5 ★ 86.26KiB

UI Design Extension · Developer Tools 1,000+ 3 ★ 26.09KiB

Hoverify Extension · Developer Tools 1,000+ 145 ★ 14.54MiB

User reviews

Pham Pham (ID: 000000a0e2f32ff6) Voted 5 ★ - Updated 05/04/2023 it works <3

Anderson Nogueira Silverio (ID: 000000962a1ebd67) Voted 5 ★ - Updated 09/08/2022 Excellent Tool. I am recommending it to my co-workers.

Ofex (ID: 000000c81633ec37) Voted 5 ★ - Updated 03/03/2021 Great extension , Thank you!

Robert Smith (ID: 000000b70a12c8de) Voted 5 ★ - Updated 07/05/2020 Hey, thanks for making this! This specific extension is the only css editor that a) "pops up" rather than opens a new window, b) is clean (nice), and; c) works for me! All the other ones don't—which is weird. Again, thanks a bunch! P.S. I really appreciate the "Add to Devtools" option. How hard would it be to get your extension into the bottom section of the devtools (Where the Styles, Event Listeners, & DOM Breakpoints are), rather than the top section? Thanks again!

Get source code (.Zip)

Drop .crx file here or click
the button to choose the file

Live CSS Tester