Включение файлов JavaScript из GitHub в HTML-страницы

ОБРАЩАТЬ ВНИМАНИЕ!

Вы не можете включать скрипты Github напрямую из Github после этого изменения.

Мы добавили заголовок X-Content-Type-Options: nosniff к нашим необработанным URL-ответам еще в 2011 году в качестве первого шага в борьбе с хотлинкингом. Это заставляет браузер обрабатывать контент в соответствии с заголовком Content-Type. Это означает, что когда мы устанавливаем Content-Type: text/plain для необработанных представлений файлов, браузер откажется рассматривать этот файл как JavaScript или CSS.

Но есть альтернативы. Проверьте мой ответ на этот вопрос.

Я пытаюсь включить файл JavaScript из GitHub в локальный файл HTML для тестирования (например, изображение, найденное в Интернете: <img src="http://...">).

Я хотел бы что-то вроде этого:

<script src="https://github.com/[username]/[repository]/blob/master/public/[fileName].js"></script>

Проблема в том, что это не работает.

Как я могу это сделать?

Ответ 1

Вы сможете сделать это с помощью URL-адреса, подобного этому:

https://rawgit.com/h5bp/html5-boilerplate/master/src/js/plugins.js

Обратите внимание, что это не то же самое, что нажать кнопку "raw" в GitHub; эта кнопка также даст вам чистую версию файла, но она будет отправлена с неправильными заголовками.

Слово предупреждения; файл не не обслуживается с GitHub. Это перенаправляется через домен rawgit.com. Как указано на https://rawgit.com:

Эй! rawgit.com просто для удовольствия и не связан с GitHub в любом путь.

Имейте в виду, что владелец этого домена теперь контролирует трафик и способен манипулировать им по своему усмотрению.

Используйте этот URL-адрес в процессе производства:

https://cdn.rawgit.com/user/repo/tag/file

Ответ 2

Это должно работать:

<script src="https://raw.github.com/[username]/[repository]/[branch]/[filename].js"></script>

Вот как вы можете перенаправить на нужный адрес в github:

Ответ 3

Это работает даже при недавнем изменении github:

<script>
  $.getScript("https://raw.github.com/username/repo/master/src/script.js");
</script>

PS. требует jQuery.

Ответ 4

Попробуйте следующее:

<html>
<head>
    <script src="https://raw.github.com/e0ne/BlogSamples/master/ModalDialog/AdvancedPopup/jquery.min.js"></script>
</head>

Он работает для меня

Ответ 5

rawgit выглядит как закрытие к концу 2019 года,

некоторые варианты доставки контента с соответствующими заголовками Content-Type.

https://raw.githack.com/, https://combinatronics.com= > точная альтернатива, но ее нельзя использовать для извлечения из клиентского javascript, так как здесь включен cors.
jsdelivr => для доставки файлов JavaScript

Ответ 6

Вы можете включить размещенные файлы CSS, HTML и JS в страницы GITHUB.

Просто нажмите на настройки вашего репозитория github, затем на этой вкладке прокрутите вниз до GitHub Pages и выберите с помощью выпадающего списка.

Тогда О, теперь вы можете получить доступ к нему в прямом эфире

Это сырье, которое возвращает текст/обычный тип пантомимы

https://raw.githubusercontent.com/bdalina54/bdalina54.github.io/master/assets/js/terebra/acrior.js

<script src="https://raw.githubusercontent.com/bdalina54/bdalina54.github.io/master/assets/js/terebra/acrior.js"></script>

И это живая версия

https://bdalina54.github.io/assets/js/terebra/acrior.js

<script src="https://bdalina54.github.io/assets/js/terebra/acrior.js"></script>

Вы можете проверить мой скриншот, как я это сделал

https://prnt.sc/obbrpn

https://prnt.sc/obbskb

https://prnt.sc/obbt69