BewlyBewly/BewlyBewlyArchived
BewlyBewly
BewlyBewly is a browser extension that customizes the Bilibili homepage, modifying its layout and appearance to deliver a personalized browsing experience without altering the core functionality of the site. It functions as a frontend customization utility, injecting custom CSS and scripts directly into the page context to override default styles and dynamically reapply changes as content loads.
The extension is built as a Manifest V3 Chrome extension, using a content script injection system and a DOM mutation observer to ensure customizations persist even as the page updates. It includes a user settings storage system for persisting preferences and a hot-reload development server for rapid iteration during development. The tool is designed to work alongside or replace UserScript managers, providing a dedicated interface for tailoring the Bilibili experience.
Features
- Bilibili Interface Customizations - Modifies the Bilibili homepage layout and appearance to deliver a personalized browsing experience.
- Manifest V3 Extensions - Built as a Chrome Manifest V3 extension using service workers and declarative net request rules.
- Appearance Customizations - Customizes visual properties of the Bilibili homepage to personalize its look and feel.
- Homepage Content Customization - Modifies the Bilibili homepage interface to deliver a tailored browsing experience for each user.
- Application CSS Overrides - Applies custom styles by injecting user-defined CSS rules that override Bilibili's default stylesheets.
- Client-Side Customization Utilities - Applies client-side modifications to a website's interface, enabling users to personalize their browsing environment.
- Browser Extensions - An installable browser add-on that injects custom styles and scripts into web pages.
- CSS Style Injections - Injects custom CSS rules into web pages to override default styles and create a tailored visual theme.
- Content Script Injection Architectures - Injects JavaScript and CSS into the Bilibili page context to modify the DOM and styles at runtime.
- DOM Mutation Observation - Monitors changes to the Bilibili page DOM tree and reapplies customizations dynamically as content loads.
- Userscript Managers - Works alongside or replaces UserScript managers to apply custom modifications to specific websites.
- User Preference Settings - Persists user preferences and customization configurations using the browser's local storage API.
