GitHub HTML & CSS Previewer

GitHub HTML & CSS Previewer is a Chrome extension that adds a convenient preview button to HTML files in GitHub repositories. This button allows you to quickly view the rendered output directly within new browser tab.

Features

• Adds a < Preview > button next to HTML and CSS files in GitHub repositories.
• Opens a new tab to display the rendered content of HTML files.
• Inlines CSS and images to ensure accurate previews.
• Toggle functionality to enable or disable the extension as needed.

Installation

1. Clone or download this repository to your local machine.
2. Open Chrome and navigate to chrome://extensions/.
3. Enable "Developer mode" by toggling the switch in the upper-right corner.
4. Click the "Load unpacked" button and select the extension directory from where you downloaded/cloned this repository.
5. The extension should now be installed and active.

Usage

1. Navigate to any GitHub repository containing HTML and CSS files.
2. You will see a < Preview > button next to HTML files.
3. Click the < Preview > button to open a new tab with the rendered content.
4. Use the popup toggle to enable or disable the preview functionality.

Things to consider

• This extension might not work as expected if there is scripts linked to the HTML.

License

This project is licensed under the MIT License. See the LICENSE file for details.