ecjfaoeopefafjpdgnfcjnhinpbldjij
Add Custom JavaScript (JS) Code or Styles (CSS) to any page. Custom Style Script customizes the way a webpage looks or behaves, by adding a small JavaScript or CSS code. You can also specify a URL to add the code or add it to all pages. Key features: 1. Add custom JavaScript codes or styles (CSS) to a specific page or all pages. 2. Clicking on the toolbar icon allows you to disable or enable the addon. 3. Each code item has several options to adjust (see options page for details). 4. You can add several code items and active or inactive them separately. 5. An example of how to add a code is available in the add-on's options page. 6. Before adding the code (JS or CSS) please make sure you have validated the code. 7. Online JS or CSS links (i.e. jQuery or bootstrap) can also be added to any page. See add-on's options page for details. Note: to report bugs, or request a feature, please visit the add-on's homepage (https://mybrowseraddon.com/custom-style-script.html) and fill the bug report form.
Inject JS - Run JavaScript code
A powerful browser extension that allows you to instantly inject and execute JavaScript code on any website. Perfect for web developers, testers, and power users who need to customize web page behavior on the fly. Key features: Execute custom JavaScript code on any website with a single click Save and manage multiple scripts for different websites Automatic script injection based on domain rules Multiple injection methods to bypass various CSP restrictions Dark mode support for comfortable coding at night Import/export functionality for backing up your scripts Works across all websites with proper permissions Whether you need to test new features, automate repetitive tasks, modify website behavior, or enhance your browsing experience, this extension gives you the power to run custom JavaScript directly in any web page
Restyler
A devtool extension for easy restyling of any webpage Restyler lets you change the appearance of any webpage with an easy to use interface. Ongoing changes in the page are automatically observed so new styling is always taken into account. Perfect for testing out design changes or rebranding on an existing page! ★ Modify any CSS attribute value such as font, color, margins, etc... ★ Apply styling rule to all elements in the page or to a specific set (using selectors). ★ Edit any text content in the page. ★ Share your styling rules as a config or export to CSS.
Live editor for CSS, Less & Sass - Magic CSS
Run this extension and start writing your CSS/Less/Sass code which gets applied immediately. The code you write will be saved in the browser extension's storage space or the site's local storage. ✓ Live editor for CSS/Less/Sass code - Preview changes as you write code ✓ Autocomplete ✓ Live edit CSS files and auto-save on file system ✓ Open code editor in external window ✓ CSS reloader ✓ Option to reapply styles automatically ✓ Syntax Highlighting ✓ Auto-generate CSS selectors with point-and-click ✓ Emmet support ✓ Color picker ✓ Convert code from Less/Sass to CSS ✓ Beautify / Format code ✓ Minify code ✓ Highlight DOM elements matching the CSS selectors ✓ Option to load this extension in iframes as well ✓ Get SVG icons ✓ Lint CSS code This extension is available for: You might want to use it for: ➤ No need to refresh pages to test your CSS/Less/Sass code ➤ Auto-save your changes to filesystem as you write the code ➤ Reload CSS resources without refreshing the page ➤ Speed-up development by writing code directly on your page ➤ Develop and test your code before finalizing your changes ➤ Apply some temporary styles (like hiding some components) ➤ Do CSS changes on any website ➤ The CSS/Less/Sass code you write gets applied as you write it ➤ The CSS reloader watches CSS files and live updates them immediately ➤ You can develop the code and see the output at the same time ➤ The code is saved in file/browser as soon as you write it ➤ The code editor is draggable and resizable ➤ Use code editor in external window for developing responsive pages ➤ The code you write is auto-saved for the site ➤ You can use "TAB" key to indent your code ➤ Running Magic CSS again, while it is already loaded, disables the code ➤ Press "Esc" or click on close to hide it ➤ The code is added at the bottom of the tag ➤ It includes CSS/Less/Sass beautifier ➤ It includes CSS minifier ➤ It highlights the DOM elements matching the CSS selectors ➤ Use it along with Chrome/Edge/Firefox/Opera Developer tools ➤ You might find it useful in creating your custom themes for websites based on Stylish / Stylist ➤ This extension was previously known as "MagiCSS - Live CSS Editor" Security and privacy: ⓘ No permissions approval is required for installing the extension ⓘ For advanced features, like "Apply styles automatically", permissions are requested on-demand ⓘ Mixpanel is used to get anonymized stats for improving UX ⓘ Browser extension's storage, localStorage etc are utilized for the extension's core features. Visit https://webextensions.org/ for further details. Connect with us:
Stylebot
Change the appearance of the web instantly You pick an element and choose any changes you want to make from the editor. You can change the font, color, margins, visibility and a lot more. You can also code CSS manually. ★ Easy to use: Pick and style elements using UI actions ★ Simple & Quick: Changes are saved instantly ★ Code editor - Write your own CSS ★ Readability Mode - Make articles on any site readable by hiding non-essential page elements like sidebars, footers and ads. ★ Grayscale Mode - Turn on grayscale to reduce strain from websites Homepage: https://stylebot.dev/ Twitter: http://twitter.com/ahujaankit Bug reports and feature requests: https://github.com/ankit/stylebot/issues Stylebot has never collected and will never collect any personal data, browsing history etc. The permission to access websites is to only let you customize the CSS for any webpage and automatically apply your CSS when you visit the webpage in the future. In the future, Stylebot may collect browser version, platform name, user's settings (except website list or any other data which can help identify user). This information is needed for decision on implementing new features, removing unused features or suggesting default settings for new users. It will happen only with your permission.
