GitHub & BitBucket HTML Preview описание, скриншоты и видео

GitHub & BitBucket HTML Preview

  • (444)
Описание, скриншоты и видео

Описание

Многие репозитории 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.

Ссылки и скачивание

Ссылка на официальный сайт GitHub & BitBucket HTML Preview, по которой вы можете скачать приложение и найти более подробную информацию о нём
Ссылка на официальный сайт

Преимущества и недостатки

  • CDN

Поддерживаемые платформы и тарифы

Бесплатно | Открытый исходный код Онлайн Английский

Краткое описание

  • Разработчик: niu tech
  • Открытый исходный код и бесплатный продукт.
  • 5 аналогов