人力検索はてな
ﾓﾊﾞｲﾙ版を表示しています｡PC版はこちら
i-mobile
あるjavascriptを書いてあるhtmlを実行すると､firefoxでは問題なく動作するのですが､chromeだと動作しません｡
console.logを表示すると､下記の内容が表示されます｡

Refused to execute script from 'http://www.*******/******.jsonp?jsonCallback=**********' because its MIME type ('') is not executable, and strict MIME type checking is enabled.

どうすれば､問題なく動作させられるか教えて下さい｡

宜しくお願いします｡
●質問者: worldtravel
●ｶﾃｺﾞﾘ:ｲﾝﾀｰﾈｯﾄ ｳｪﾌﾞ制作
○ 状態 :終了
└ 回答数 : 1/1件
▽最新の回答へ
▽1 ● a-kuma3
●100ﾎﾟｲﾝﾄ ﾍﾞｽﾄｱﾝｻｰ

質問で削ってしまった､ここ｡ここは大切なところです｡

because its MIME type ('') is not executable, and strict MIME type checking is enabled.

想像するに､text/plain か application/json なのだと思いますが､どのﾊﾞｰｼﾞｮﾝからか Google Chrome は応答の MIME ﾀｲﾌﾟの確認が厳しくなっているみたいです｡
https://bugs.chromium.org/p/chromium/issues/detail?id=180007
http://qiita.com/yooo_gooo/items/18a63b1aadcb926e4957

JSONP は､JSON 形式の引数を持つ関数呼び出し(javascript)のｺｰﾄﾞとして応答を返します｡
一般的な対処としては､以下のどちらかになります｡

｢あるjavascript｣の実際のｺｰﾄﾞや､どこにﾘｸｴｽﾄを出しているのか､などを追記できるなら､もう少し的確な回答が付く可能性があります｡

worldtravelさんのｺﾒﾝﾄ
ありがとうございます｡ ('') の部分は実際も空なのです｡ ﾘｸｴｽﾄ先は違うﾄﾞﾒｲﾝなのですが､試しに同一ﾄﾞﾒｲﾝにしたところ､ｴﾗｰは無くなりました｡ ただ､違うﾄﾞﾒｲﾝでの設置を行ないたいと考えています｡ ｢あるjavascript｣は､こちらの部分で､役に立つでしょうか｡ jQuery(function(){ jQuery('#hoge').change(function(){ jQuery.getJSON(url); jsonCallback=function(json_data){ *****(); } }); });
a-kuma3さんのｺﾒﾝﾄ
>> ('') の部分は実際も空なのです｡ << お､なるほど｡ >> ﾘｸｴｽﾄ先は違うﾄﾞﾒｲﾝなのですが､試しに同一ﾄﾞﾒｲﾝにしたところ､ｴﾗｰは無くなりました｡ << ということは､ﾘｸｴｽﾄを出す先の も自分で作っている､もしくは口出しができるということでしょうか｡ []http://www.[]*******/******.json の方を修正して､真っ当な Content-Type を設定する方が良いような気がします(今は､設定してない？)｡
worldtravelさんのｺﾒﾝﾄ
ありがとうございます｡ 作ったのは私ではないのですが､口は出せます｡ > 真っ当な Content-Type を設定 phpでしたら1行書けば良いのでしょうけど､静的なjsonﾌｧｲﾙを読み込んでいるだけなので､この場合はｻｰﾊﾞの設定になるのでしょうか？ もし､そうだとすると､ｻｰﾊﾞの設定までは出来ないですね｡｡｡ jsonﾌｧｲﾙの置き場所を変えるしか無いかもしれません｡
a-kuma3さんのｺﾒﾝﾄ
>> &gt; 真っ当な Content-Type を設定 phpでしたら1行書けば良いのでしょうけど､静的なjsonﾌｧｲﾙを読み込んでいるだけなので､この場合はｻｰﾊﾞの設定になるのでしょうか？ << それは､JSON<span style="color:red;">P</span> ではありません｡ JSONP は､以下ような形式の応答を返して､javascript のｺｰﾄﾞとして実行することでｸﾛｽﾄﾞﾒｲﾝ制約を乗り越えようとするものです｡ >|| my_callback_function(JSON 形式で表現されたｵﾌﾞｼﾞｪｸﾄ); ||< JSON 形式のﾌｧｲﾙの内容が応答として返って来ただけでは､callback 関数が呼ばれないので JSONP としては正しく動きません｡ 同じﾄﾞﾒｲﾝにして動作するということなので､その辺りは､jQuery が吸収してくれているのでしょう｡ >> もし､そうだとすると､ｻｰﾊﾞの設定までは出来ないですね｡｡｡ << その json ﾌｧｲﾙを置いている場所に､ちょっとしたﾌﾟﾛｸﾞﾗﾑを書くことはできないでしょうか｡ + json ﾌｧｲﾙを読み込む + ﾊﾟﾗﾒｰﾀから callback 関数の名前を切り出す + 応答ﾍｯﾀﾞに application/javascript を設定する + 応答の内容として､｢callback 関数の名前｣＋｢(｣＋｢json ﾌｧｲﾙの内容｣＋｢)｣を返す というような｡
worldtravelさんのｺﾒﾝﾄ
お返事が遅くなりまして､申し訳ありません｡ 気がついておりませんでした｡ 再確認したのですが､この問題の置きているｻｰﾊﾞでは 同一ｻｰﾊﾞ､同一ﾄﾞﾒｲﾝにしてもﾀﾞﾒでした｡ 別のｻｰﾊﾞでは､全く同じ物が問題なく動作します｡ 問題のｻｰﾊﾞで､http://xxxxx/hoge.jsonp とﾘｸｴｽﾄをすると Content-Type は何も返されていません｡ > phpでしたら1行書けば良いのでしょうけど こちらは､phpでﾍｯﾀﾞを出して､jsonﾌｧｲﾙを読み込んで､そのまま表示する､ とすれば大丈夫なのかなと思って書きました｡ > その json ﾌｧｲﾙを置いている場所に､ > ちょっとしたﾌﾟﾛｸﾞﾗﾑを書くことはできないでしょうか｡ 残念ながら､できません｡ 気になったのですが､呼び出しているﾌｧｲﾙは｢hoge.jsonp｣です｡ 中身は､下記の様になっているのですが､ これが仰っている1〜4の事かと思うのですが違いますでしょうか｡ jsonCallback([省略]) > JSONP のときは応答の Content-Type ﾍｯﾀﾞで application/javascript を返す こちらをｻｰﾊﾞ管理者にお願いしてみます｡ 難しい気はしますが...
a-kuma3さんのｺﾒﾝﾄ
>> 気になったのですが､呼び出しているﾌｧｲﾙは｢hoge.jsonp｣です｡ 中身は､下記の様になっているのですが､ これが仰っている1?4の事かと思うのですが違いますでしょうか｡ jsonCallback([省略]) << hoge.jsonp の中身がそうなっているのであれば､それは JSONP の形式です｡ 静的なﾌｧｲﾙだと url につけている <code>?jsonCallback=xxx</code> は無駄な記述ですが､JSONP として jsonCallback 関数が呼び出されます｡ >> &gt; JSONP のときは応答の Content-Type ﾍｯﾀﾞで application/javascript を返す こちらをｻｰﾊﾞ管理者にお願いしてみます｡ 難しい気はしますが... << そうですか､難しいですか｡ .jsonp の MIME ﾀｲﾌﾟを application/javascript にすれば､動くようになると思うのですが｡
worldtravelさんのｺﾒﾝﾄ
ありがとうございます｡ 取り敢えずは､返事待ち状態です｡ ﾀﾞﾒ元ですが､数日待ってみます｡
a-kuma3さんのｺﾒﾝﾄ
その hoge.jsonp ﾌｧｲﾙは､自由に名前を付けられるのでしょうか｡ 静的なﾌｧｲﾙで JSONP 形式ならば､hoge.js という名前で保存して､$.getJSON で hoge.js にｱｸｾｽすれば､application/javascript で返される可能性がかなり高いと思います｡
worldtravelさんのｺﾒﾝﾄ
ありがとうございます｡ 現在､諦めて､jsonpを使わない作りに変えました｡ 色々とありがとうございました｡
関連質問
●質問をもっと探す●

0.人力検索はてなﾄｯﾌﾟ
8.このﾍﾟｰｼﾞを友達に紹介
9.このﾍﾟｰｼﾞの先頭へ
□対応機種一覧
□お問い合わせ
□ﾍﾙﾌﾟ/お知らせ
□ﾛｸﾞｲﾝ
□無料ﾕｰｻﾞｰ登録
□はてなﾄｯﾌﾟ