Opera browser required.
Key Features
- Custom CSS & JavaScript Injection: Add and manage CSS/JS scripts for individual domains.
- Global Toggles: Quickly enable or disable all custom styles or scripts with one click.
- Export/Import Setup: Backup and share your configurations effortlessly in JSON format.
- Code Editing Tools: Enjoy features like syntax highlighting, autocompletion, and auto-indentation using the CodeMirror editor.
- Dynamic Themes: Choose from a variety of themes, including Dark Mode, Synthwave, Vaporwave, and more.
- Domain-Specific Control: Easily switch styles or scripts on and off for specific domains.
- Tooltip Assistance: Detailed tooltips for all major functionalities to guide you through usage.
- Secure Script Execution: Execute your custom scripts safely without interference.
How to Use
1. Install the Extension: Add the CSS & JS Injector to your browser from the Chrome or Opera Web Store.
2. Open the Extension: Click the extension icon to access the popup interface.
3. Select a Domain:
- Use the domain list to manage existing domains or add a new one.
4. Edit Styles or Scripts:
- Choose between CSS and JavaScript modes using the toggle.
- Write your code in the editor with real-time syntax highlighting.
5. Save and Apply:
- Save your changes, and they will be automatically applied to the domain.
Disclaimer
This extension is provided as-is, without warranty of any kind. Users are solely responsible for the code they inject into websites.
Licenses
This extension uses the following third-party libraries:
CodeMirror:
Homepage: https://codemirror.net/
License: MIT
License Text: Available in libs/codemirror/LICENSE.
Font Awesome:
Homepage: https://fontawesome.com/
License: Free version is licensed under the CC BY 4.0 license.
- This extension can access your data on all websites.
Screenshots
About the extension
- Downloads
- 1,319
- Category
- Developer Tools
- Version
- 1.1
- Size
- 196.5 KB
- Last update
- Dec. 11, 2024
- License
Related
-
Web Developer
Adds a toolbar button with various web developer tools. The official port of the Web Developer extension for Firefox.
Rating: Total number of ratings: 123
-
Custom Style Script
Add Custom JavaScript (JS) Code or Styles (CSS) to any page.
Rating: Total number of ratings: 14
-
Edit with Sublime Text
Live editing text and HTML content of the page with the Sublime Text from the page context or DevTools.
Rating: Total number of ratings: 3
-
Pixel converter
Pixel converter is a crucial web development and design tool for converting pixel values into different measurement units like inches, centimeters, or percentages, ensuring consistency across diverse devices and screens in responsive web design.
Rating: Total number of ratings: 1
-
DomainUserAgent
This extension changes the UserAgent sent by your browser on a per-domain base. You can set up a different UserAgent for a specific domain, but still use the default one otherwise.
Rating: Total number of ratings: 7