将来自GitHub的JavaScript文件包含到HTML页面中
请注意!
更改后, 您不能直接从Github包含Github脚本 。
我们在2011年添加了
X-Content-Type-Options: nosniff
头部作为防止盗链的第一步。 这具有强制浏览器根据Content-Type
头部处理内容的效果。 这意味着,当我们为文件的原始视图设置Content-Type: text/plain
,浏览器将拒绝将该文件视为JavaScript或CSS。但是还有其他select。 检查我对这个问题的答案 。
我试图从GitHub中包含一个JavaScript文件到一个本地HTML文件进行testing(就像在互联网上find的图像: <img src="http://...">
)。
我想这样的东西:
<script src="https://github.com/[username]/[repository]/blob/master/public/[fileName].js"></script>
问题是这不起作用。 我相信这是可能的。
我怎样才能做到这一点?
您将可以通过类似于以下的url来完成此操作:
https://rawgit.com/h5bp/html5-boilerplate/master/src/js/plugins.js
请注意,这与点击GitHub中的“原始”button不同。 该button也会给你一个干净的文件版本,但它会被发送错误的标题。
一个警告的话语; 该文件不是从GitHub服务 。 它正在通过rawgit.com
域redirect。 正如在https://rawgit.com上所述; :
嘿! rawgit.com只是为了好玩,并不以任何方式与GitHub关联。
请记住,该域的所有者现在可以控制stream量,并能够按照他们认为合适的方式操纵它。
在制作中使用此url:
https://cdn.rawgit.com/user/repo/tag/file
这应该工作:
<script src="https://raw.github.com/[username]/[repository]/[branch]/[filename].js"></script>
下面是你可以redirect到github中所需的地址:
即使在github最近的变化中也是如此:
<script> $.getScript("https://raw.github.com/username/repo/master/src/script.js"); </script>
PS。 需要jQuery。
尝试这样的事情:
<html> <head> <script src="https://raw.github.com/e0ne/BlogSamples/master/ModalDialog/AdvancedPopup/jquery.min.js"></script> </head>
它为我工作