TopAlter.com

GitHub & BitBucket HTML Preview Alternatives

GitHub & BitBucket HTML Preview Alternatives

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 and does not involve any third party hosting servers (except for Yahoo! Query Language to fetch assets).

If you try to open raw versions of any HTML, CSS or JS files in a web browser directly from GitHub, all you will see are sources. GitHub forces them to use the "text/plain" content-type, so they cannot be interpreted. This script overrides it by using Yahoo! Query Language.

In order to use it, just prepend this fragment to the URL of any HTML file: http://htmlpreview.github.io/? e.g.:

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

What it does is load HTML using YQL, then process all links, frames, scripts and styles, and load each of them using YQL, so they can be evaluted in the browser. Here is the workflow:

HTMLPreview.init() -> HTMLPreview.send(HTML) -> YQL fetch HTML -> HTMLPreview.loadHTML(data) -> HTMLPreview.replaceAssets() -> HTMLPreview.send(CSS) -> YQL fetch CSS -> HTMLPreview.loadCSS(data) -> HTMLPreview.send(JS) -> YQL fetch JS -> HTMLPreview.loadJS(data)

GitHub & BitBucket HTML Preview was tested under Google Chrome, Apple Safari and Mozilla Firefox, and it should work with majority of websites, not only GitHub & BitBucket.

Best Open Source GitHub & BitBucket HTML Preview Alternatives

Looking for some programs similar to GitHub & BitBucket HTML Preview? Here are the top-recommended programs we found. Let's take a look if there's anything out there that helps you on whatever platform you're using.

RawGit

RawGit

FreeOpen SourceWebSelf-HostedNode.JS

RawGit serves raw files directly from GitHub with proper Content-Type headers.

GitCDN

GitCDN

FreeOpen SourceWebSelf-HostedNode.JS

GitCDN.xyz serves raw files directly from GitHub with proper Content-Type headers and super fast CDN. FEATURES - Lets you link to specific commits including the...

GitHub & BitBucket HTML Preview Reviews

Add your reviews & share your experience when using GitHub & BitBucket HTML Preview to the world. Your opinion will be useful to others who are looking for the best GitHub & BitBucket HTML Preview alternatives.

Table of Contents

Copyright © 2021 TopAlter.com

Sites we Love: AnswerBun, MenuIva, UKBizDB, Sharing RPP