CSS & JS Live Refresh is a Chrome extension designed to streamline the development process for web developers, particularly those working with WordPress and other CMS platforms. It enables the live refreshing of CSS and JavaScript files in the browser without the need to reload the entire page. This tool significantly reduces the time developers spend waiting for page reloads, allowing for a more efficient testing and development workflow.
- Live Refresh: Automatically detects changes to CSS and JavaScript files linked in your project and refreshes them in the browser.
- Seamless Integration: Works effortlessly with WordPress sites and other platforms where frequent reloading can be time-consuming.
- Easy to Use: Simply activate the extension while developing, and see your changes reflected instantly without manual reloads.
- Customizable Settings: Configure the extension to monitor specific files or directories based on your project's needs.
- Clone this repository or download the ZIP file.
- Navigate to
chrome://extensionsin your Chrome browser. - Enable "Developer mode" at the top right.
- Click "Load unpacked" and select the folder where you cloned or unzipped the extension.
- The extension should now be installed and visible in your extensions list.
After installing the extension, click on its icon in the Chrome toolbar to activate it for the current tab. Ensure your local development server is running, and the extension will monitor changes to your CSS and JavaScript files. When a change is detected, only the affected files are refreshed, keeping your application state intact.
Contributions are welcome! If you'd like to improve CSS & JS Live Refresh, please feel free to fork the repository, make your changes, and submit a pull request.
This project is licensed under the MIT License.