Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/htmlpreview/htmlpreview.github.com

HTML Preview for GitHub Repositories
https://github.com/htmlpreview/htmlpreview.github.com

Last synced: 22 days ago
JSON representation

HTML Preview for GitHub Repositories

Host: GitHub
URL: https://github.com/htmlpreview/htmlpreview.github.com
Owner: htmlpreview
Created: 2012-09-02T03:57:02.000Z (almost 12 years ago)
Default Branch: master
Last Pushed: 2023-11-09T17:43:38.000Z (8 months ago)
Last Synced: 2024-02-17T06:33:25.192Z (4 months ago)
Language: JavaScript
Homepage: htmlpreview.github.com
Size: 66.4 KB
Stars: 1,455
Watchers: 26
Forks: 342
Open Issues: 59
Metadata Files:
- Readme: readme.md

Lists

awesome-stars - htmlpreview/htmlpreview.github.com - HTML Preview for GitHub Repositories (JavaScript)
awesome-stars - htmlpreview/htmlpreview.github.com - HTML Preview for GitHub Repositories (JavaScript)
awesome-stars - htmlpreview/htmlpreview.github.com - HTML Preview for GitHub Repositories (others)
awesome-stars - htmlpreview/htmlpreview.github.com - HTML Preview for GitHub Repositories (JavaScript)
awesome-stars - htmlpreview/htmlpreview.github.com - HTML Preview for GitHub Repositories (JavaScript)
awesome-starred - htmlpreview/htmlpreview.github.com - HTML Preview for GitHub Repositories (others)
awesome-stars - htmlpreview.github.com
awesome-stars - htmlpreview/htmlpreview.github.com - HTML Preview for GitHub Repositories (JavaScript)

README

GitHub & BitBucket HTML Preview
-------------------------------

Many GitHub repositories don't use GitHub Pages to host their HTML files. **GitHub & BitBucket HTML Preview** allows you to render those files without cloning or downloading whole repositories. It is a client-side solution using a CORS proxy to fetch assets.

If you try to open raw version of any HTML, CSS or JS file in a web browser directly from GitHub, all you will see is a source code. GitHub forces them to use the "text/plain" content-type, so they cannot be interpreted. This script overrides it by using a CORS proxy.

## Usage

In order to use it, just prepend this fragment to the URL of any HTML file: **[https://htmlpreview.github.io/?](https://htmlpreview.github.io/?)** e.g.:

- https://htmlpreview.github.io/?https://github.com/twbs/bootstrap/gh-pages/2.3.2/index.html
- https://htmlpreview.github.io/?https://github.com/documentcloud/backbone/blob/master/examples/todos/index.html

What it does is: load HTML using CORS proxy, then process all links, frames, scripts and styles, and load each of them using CORS proxy, so they can be evaluated by the browser.

**GitHub & BitBucket HTML Preview** was tested under the latest Google Chrome and Mozilla Firefox.

## License