いい加減、<script src="http://.. と書くのはやめましょう - DQNEO起業日記

外部サイトのJSファイルを読み込むときに、こういう書き方するのはやめましょう。 <script src="http://example.com/js/jquery.js"></script> 理由 あなたのサイトが、いつの日かSSLに対応することになったとき、そのscriptタグがバグの原因になります。 ご覧のとおり、HTTPSページの中でHTTP要素を読み込もうとすると、ブラウザによっては安全装置が働いて読み込んでくれないのです。 上の例ではjQueryの読み込みに失敗していますが、エラーメッセージ「Uncaught ReferenceError: jQuery is not defined 」を見てもHTTPS/HTTPのプロトコルが原因だとはすぐ気づかないので、わかりにくいバグになってしまいます。 結論 JSファイル(とかCSSとか画像とか)を読み込むときは、"http:"の部分を省

[tmatsuu]

network-path referenceとしてRFC3986で定義されてるが、file://の時も同様に解釈される、IE7,8の二重ダウンロード、IE6で動作しないといった問題が。jsならlocation.protocolを見て組むのが良いと思う

[twotiger]

これ、案外知られてないんだよな。JSに限らず、画像ファイルでもCSSファイルでも有効。

[megazalrock]

むしろ常にHTTPSでもいい気がする。

[burnworks]

『たぶんこのテクニックに名前がついてないのが原因』←テクニックっていうか仕様だけどこの書き方自体には「network-path reference」って名前があります。RFC読んだことある人には今さらだけど。（rfc3986 -> 4.2）。

[toaruR]

うっかり、ローカルでクリックしちゃったときに固まるのが難点

[kits]

記事はその通りと思うが「いい加減」と言うほどだろうか。/ title要素の内容が二重エスケープされているのが気になる。

[nsymtksjp]

うーん、スキーム消したらあかんと思うけど。完全にブラウザ依存なんじゃないのこれ？ 手を抜かずにどっちか判断しろよと。

[aont]

先生ー！タイトルにエスケープ文字がそのまま出てて気持ち悪いですぅ

[v777]

相対パスだと別サーバを指定出来ないのでダメ、https決めうちだと無駄にサーバ重くなるからダメ、JSでURL差し替えるのは画像ファイルも含めると無理ある。よって、この方法がベストな場合も良くある。

[kk6]

cdnjs.comの話かと思ったら自サイト…相対で書けとブコメで総ツッコミされてる記事だった

[sachibe]

SSL化

[suireN]

html, <script src="//example.com/js/jquery.js"></script>

[wkubota]

うわー、これ知らなかった。意外な盲点だったなー。昔はservlet filterとかで書き換えていた気が…。なんと無駄だったんだ。

[littleriddle]

いい加減、&lt;script src=&quot;http://..　と書くのはやめましょう · DQNEO起業日記 @DQNEOさんから

[sheepsace]

][web制作]

[fudafoota]

httpsのページでhttpのJavaScriptロードしようとするとChromeに止められるからこの方法は有効だと思う

[gologo13]

URLのプロトコルを意識しなくていいというメリットが有る

[bulldra]

ふむ

[sh19910711]

RFC3986

[igrep]

やばい知らんかった。

[papiro]

知らなんだ・・・

[tyru]

こんな書き方できるのか

[cd01]

ネットワークパス参照

[gambol]

”http:"の部分を省略して"//example.com"と書きましょう。こうすれば、HTTPのときはhttp, HTTPSのときはhttps、という具合に自動で切り替わってくれるので大変便利”

[hidehara]

へぇー、そうだったんだ。知らなかった。 ネットワークパス参照 //

[wushi]

スキームを書かずに//から書き始める書式。ネットワークパス参照というらしい。ブラウザがどこまで対応しているか

[ShineSpark]

ネットワークパス参照

[wkbyshnbtk]

ネットワークパス参照（network-path reference）

[homihoo]

ネットワークパス参照って言うんですね

[HHR]

やってるけど昔のめんどいなー

[open_your_eyes]

httpsにリクエストに対して内部でhttpのソース参照している問題。 今後のブラウザーではデフォルトがブロックを採用する方向

[stuons]

https:// にも対応した書き方

[katzchang]

「JSファイル(とかCSSとか画像とか)を読み込むときは、"http:"の部分を省略して"//example.com"と書きましょう」

[takigawa401]

「ネットワークパス参照」というテクニック。これは知らんかった。自サイト内への参照には相対パスを使えばいいけど、公開ライブラリを引用するときにはこれを使った方が後々安全。

[machataka]

protocol relative url

[abeshin22]

めも。→いい加減、<script src="http://..　と書くのはやめましょう - DQNEO起業日記 via http://t.co/fLH4rGEOSG

[ahmok]

「//」「network-path reference」のやり方。IEだと挙動おかしくなる

[knakamura1977]

覚えといたほうがいいな。

[Arison]

ネットワークパス参照(network-path reference)。<script src="//hoge.com/js/jquery.js"></script>で、HTTP/HTTPSの両プロトコルにも対応可能。

[adsty]

「//」で始まるURIのネットワークパス参照で記述する。