将来自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> 

它为我工作