Style Injector - 网页样式自定义
Jefsky
Style Injector is a powerful Chrome and Edge browser extension designed to give users complete control over the appearance of any website they visit. By combining a visual element picker with a robust custom CSS editor, it allows you to effortlessly modify page styles directly within your browser without needing to write code from scratch. Whether you are a developer, designer, or simply someone seeking to personalize your browsing experience, Style Injector provides the tools to customize any web page’s look with precision and ease. Upon installation, Style Injector integrates smoothly into your browser’s interface, adding an intuitive popup menu accessible via its toolbar icon. This menu serves as your command center, where you can enable the visual “Picker” tool to select any page element interactively. The picker highlights elements as you hover over them, letting you pinpoint exactly the part of the page you want to restyle. Once selected, you can immediately write and edit CSS rules for that element inside the built-in syntax-highlighted editor. For users preferring a broader approach, you also have the option to define global CSS rules that apply to an entire website rather than individual elements. One of Style Injector’s key strengths lies in its ability to remember your custom styles per URL or domain, automatically injecting your tailored CSS every time you revisit the site. This persistent styling ensures your personalized tweaks—whether it’s fixing broken layouts, changing fonts and colors, hiding unwanted ads or pop-ups, or improving readability—are consistently applied without any extra effort. All your custom styles are stored locally within your browser for maximum privacy and performance; no data leaves your device, and you maintain full control over your modifications. Style Injector’s user-friendly design makes it accessible even for those with minimal coding experience. The combination of the visual element picker and immediate CSS preview eliminates guesswork and accelerates the customization process. Advanced users benefit from the powerful CSS editor’s features, allowing sophisticated style rules and experimentation. Additionally, a one-click clearing function lets you quickly remove all modifications on a site to revert it back to its default appearance. This flexibility encourages creative exploration and problem-solving by giving you direct influence over the web pages you encounter daily. Ideal for anyone who wants to tailor the web to their preferences—whether improving usability, aesthetics, or accessibility—Style Injector is an indispensable tool for customizing your online experience in real time. Its seamless operation, privacy-focused design, and broad capabilities make it a standout choice for browser-based CSS editing. Key Features: - Visual Element Picker: Select any webpage element interactively with instant highlighting to target exactly what you want to customize. - Persistent Custom Styles: Automatically save and apply your CSS tweaks per website on every visit with no manual intervention. - Intuitive Popup Interface: Access a sleek popup menu for activating the picker, editing styles, managing saved CSS, and viewing status notifications. - Per-Element and Global Styling: Choose between modifying individual elements’ styles or writing global CSS rules that affect the whole site. - Built-in CSS Editor: Use a syntax-highlighted editor to write, test, and refine custom CSS efficiently within the extension. - One-Click Style Clearing: Quickly reset a site’s appearance by clearing all saved styles with a single button press. - Full URL Matching and Domain Support: Apply custom styles across all pages within a domain or on specific URLs precisely. - Local Storage for Privacy: All your CSS rules and settings are securely stored locally in your browser, ensuring privacy and no external data transmission. How It Works: 1. Install Style Injector from your browser’s extension repository and pin the icon for easy access. 2. Click the extension icon to open the popup menu where you find all main controls and brief instructions. 3. Enable the “Picker” mode on any webpage and hover over page elements to highlight and select them for editing. 4. Enter your custom CSS rules in the provided editor for the selected element or write global CSS to style the entire website. 5. Preview your changes live as you edit; save your styles to have them automatically re-applied on future visits. 6. Manage your saved CSS easily from the popup interface; clear styles per site with one click to restore original looks. 7. Continuously customize and tweak websites by adding or modifying CSS rules to modify layouts, fonts, colors, visibility, and more. Privacy: - No personal data collected. All custom styles and settings are securely stored locally in your browser. Your browsing activity and CSS modifications remain private with no information sent externally or used for tracking.
