Многие репозитории GitHub не используют страницы GitHub для размещения своих HTML-файлов. GitHub и BitBucket HTML Preview позволяют отображать эти файлы без клонирования или загрузки целых репозиториев. Это клиентское решение, в котором не используются какие-либо сторонние серверы хостинга (за исключением Yahoo! Query Language для извлечения активов).
Если вы попытаетесь открыть необработанные версии любых файлов HTML, CSS или JS в веб-браузере непосредственно из GitHub, все, что вы увидите, это исходники. GitHub заставляет их использовать тип содержимого text/plain, чтобы их нельзя было интерпретировать. Этот сценарий переопределяет его, используя Yahoo! Язык запросов.
Чтобы использовать его, просто добавьте этот фрагмент к URL-адресу любого HTML-файла:http://htmlpreview.github.io/?например.:
http://htmlpreview.github.io/?https://github.com/twbs/bootstrap/gh-pages/2.3.2/index.htmlhttp://htmlpreview.github.io/?https://github.com/documentcloud/backbone/blob/master/examples/todos/index.html
Что он делает, так это загружает HTML с помощью YQL, затем обрабатывает все ссылки, фреймы, сценарии и стили и загружает каждую из них с помощью YQL, чтобы их можно было оценить в браузере. Вот рабочий процесс:
HTMLPreview.init() -> HTMLPreview.send(HTML) -> YQL выборка HTML -> HTMLPreview.loadHTML(данные) -> HTMLPreview.replaceAssets() -> HTMLPreview.send(CSS) -> YQL выборка CSS -> HTMLPreview. loadCSS (данные) -> HTMLPreview.send (JS) -> YQL fetch JS -> HTMLPreview.loadJS (данные)
GitHub & BitBucket HTML Preview был протестирован в Google Chrome, Apple Safari и Mozilla Firefox и должен работать с большинством веб-сайтов, а не только с GitHub и BitBucket.