2012-12-25 29 views
37

PAY DİKKAT!

Github komut dosyalarını, this change'dan sonra Github'dan doğrudan dahil edemezsiniz.GitHub'tan JavaScript dosyalarını HTML sayfalarına dahil etme

X-Content-Type-Options: nosniff üstbilgisini eklediğimiz sıcak URL ile mücadeleye ilk adım olarak geri dönüş yolundaki ham URL yanıtlarımızı ekledik. Bu, tarayıcıyı içeriği Content-Type başlığına göre işlemeye zorlama etkisine sahiptir. Bu, dosyaların ham görünümleri için Content-Type: text/plain'u belirlediğimizde, tarayıcının bu dosyayı JavaScript veya CSS olarak kabul etmeyeceği anlamına gelir.

Ancak alternatifler var. my answer to this question'u kontrol edin.


I (: <img src="http://..."> internet üzerinde bulunan bir görüntü gibi) test için yerel bir HTML dosyasına GitHub'dan bir JavaScript dosyası eklemek için çalışıyorum.

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

sorun bu işe olmamasıdır:

Böyle bir şey istiyorum. Bunun mümkün olduğuna eminim.

Bunu nasıl yapabilirim?

+4

GitHub, bir CDN'dir. Bunu tek olarak kullanmaya çalışıyorsanız, lütfen yapmayın. – Bojangles

+0

'submime' metin editörü harika' Fetch' eklentisine sahiptir ... pop URL'si herhangi bir dosyayı indirir ve bir yerel dizine bir fermuarını açar – charlietfl

+0

olası bir kopyası [GitHub'da barındırılan harici JavaScript dosyasını bağla ve çalıştır] (http: // stackoverflow.com/questions/17341122/link-and-execute-external-javascript-file-hosted-on-github) – random

cevap

42

Bir buna benzer URL ile bunu yapmak mümkün olacak: Bu GitHub'dan içinde "ham" butonuna tıklayarak aynı olmadığını

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

Not; Bu düğme de dosyanın temiz bir sürümünü verecektir, ancak yanlış başlıklarla gönderilecektir.


Uyarı Sözcüğü; Dosya, GitHub'dan sunulmayan değil. rawgit.com etki alanına yönlendirilen . https://rawgit.com:

Hey! rawgit.com sadece eğlence içindir ve herhangi bir yolunda GitHub ile ilişkili değildir.

bu etki sahibi trafiğinin kontrolünde şimdi ve uygun gördükleri olarak işlemek mümkün olduğunu unutmayın.


kullanın üretiminde bu URL:

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

@stu -% 100 doğru. Cevabımda bahsetmek için bir not ekledim. – Lix

+2

GitHub, raw.github.com için içerik türünü değiştirdiğinden bu işe yaramaz. Bkz. Https://github.com/blog/1482-heads-up-nosniff-header-support-coming-torome-and-firefox. .. www.rawgithub.com adresini kullanabilirsiniz. – klaustopher

+0

Ekran görüntüsü için raw.githubusercontent.com adresinden – mork

4

Bu çalışması gerekir:

enter image description here:

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

github gerekli adrese yönlendirildi nasıl olduğunu

+4

+1 hizmet veriyor. –

+8

Bu, * işten * çalışmayacak, yukarıdaki anser'i görecektir (http://stackoverflow.com/a/14033306/167251) – larsmoa

0

böyle somethig deneyin: Benim

2

Bu bile Github en son değişiklik ile çalışır için çalışıyor

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

:

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

PS. jQuery gerektirir.

İlgili konular