• はてなアカウントでログイン
• 無料ユーザー登録

ベストアンサー

• a-kuma32016/03/26 19:55:03

  満足100pt

  多分、期待通りに動かないページは https で、動くページは http なんだと想像します。
  そういうの、Mixed content って言います。
  混在コンテンツ - Security | MDN
  
  https なページでは、https ではないところに置かれた .js や .css の読み込みをブラウザがブロックします。
  
  解決策は三通りあります。

  • 外部スクリプトを https なところに置く
  • ブラウザの設定で、mixed content のブロックを外す
  • 外部スクリプトを読み込むのではなく、動かしたいコードを Bookmarklet に書く

  スター

  • 

    17件のコメントを見る

  • worldtravel 2016/03/26 20:14:09

    ありがとうごいざます。
    httpsには置いていました。
    
    httpsには置けば、mixed contentの問題も解決すると勘違いしておりました。
    
    やりたい事が直接書ける量ではないので、諦めるかもしれません。
    
    ありがとうございました。

    スター

  • worldtravel 2016/03/26 20:25:35

    ちょっとわからないのですが、
    
    googleやamazon、rakutenのカートページでは動くのに、
    なぜfacebookでは動かないのでしょうか。
    
    もちろん、ブラウザの設定は変えていません。
    
    サイトによっては「拒否する作り」になっているのでしょうか。

    スター

  • a-kuma3 2016/03/26 20:41:04

    mixed content は知っていたのですね。
    
    Bookmarklet はサイトから読み込んだコンテンツに対して動くので、alert 程度ではサイトが拒否することができません。
    まずは、ブラウザのコンソールを確認してみてください。

    スター

  • worldtravel 2016/03/26 21:18:42

    失礼しました。
    そうですよね、コンソール確認ですね。
    出ました。
    
    要するにブロックされていたのですね。
    対象外のドメインだから、という事でしょうか...
    
    ところで、質問が変わってしまうのですが、
    facebookは、この設定をどうやって行うのでしょうか？
    
    javascriptで出来るのでしょうか？
    ご存知でしたら、参考URLでも構いませんので教えて頂ければ幸いです。
    
    (program):1 Refused to load the script 'https://*******/index.js’ because it violates the following Content Security Policy directive: "script-src *.facebook.com *.fbcdn.net *.facebook.net *.google-analytics.com *.virtualearth.net *.google.com 127.0.0.1:* *.spotilocal.com:* 'unsafe-inline' 'unsafe-eval' fbstatic-a.akamaihd.net fbcdn-static-b-a.akamaihd.net *.atlassolutions.com blob: chrome-extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl".
    (anonymous function) @ (program):1

    スター

  • a-kuma3 2016/03/26 21:18:44

    同じ環境ではないでしょうが、試してみました。
    使ったのは Firefox 45.0.1 です。
    コードは Gist に置きました。
    https://gist.githubusercontent.com/a-kuma3/491cb1af8c2c2e08cd13/raw/f7575164330b8ba94e5388798b51df240e294d25/q1458986280
    
    Bookmarklet は、こんな感じ。

    javascript:(function(src){var%20s=document.createElement('script');s.setAttribute('type','text/javascript');s.setAttribute('charset','UTF-8');s.setAttribute('src',src);document.body.appendChild(s);})('https://gist.githubusercontent.com/a-kuma3/491cb1af8c2c2e08cd13/raw/f7575164330b8ba94e5388798b51df240e294d25/q1458986280');
    

    成形したのがこちら。

    javascript:(function(src){
        var s=document.createElement('script');
        s.setAttribute('type','text/javascript');
        s.setAttribute('charset','UTF-8');
        s.setAttribute('src',src);
        document.body.appendChild(s);
    })('https://gist.githubusercontent.com/a-kuma3/491cb1af8c2c2e08cd13/raw/f7575164330b8ba94e5388798b51df240e294d25/q1458986280');
    

    Facebook のページで使ってみましたけど、エラーなく alert は表示されました。

    スター

  • a-kuma3 2016/03/26 21:22:44

    コメントが前後しました。
    エラーを出している chrome-extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl って、Skype みたいですね。
    Skype の拡張機能を無効にしたら動くんじゃありません？
    
    であれば、Skype の拡張機能がアクセスを拒否してる、ということだと思います。

    スター

  • worldtravel 2016/03/26 21:23:55

    ありがとうございます。
    
    見つけました。
    
    少し読んでみます。

    スター

  • worldtravel 2016/03/26 21:31:33

    > エラーを出している chrome-extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl って、Skype みたいですね。
    > Skype の拡張機能を無効にしたら動くんじゃありません？
    
    えっ　そうなんですか... ーー;;
    
    合わせて確認してみます。
    
    
    探してみたところ、設定はこちらのページの様に行うようです。
    
    https://developer.mozilla.org/ja/docs/Web/Security/CSP/Using_Content_Security_Policy

    スター

  • a-kuma3 2016/03/26 21:35:46

    ごめんなさい、先のコメントは大嘘でした。
    
    制御してるのはこれです。
    http://content-security-policy.com/
    
    HTTP の応答ヘッダで Content-Security-Policy というヘッダを返すことで、その辺りの制御ができるんだそうです。

    スター

  • worldtravel 2016/03/26 21:42:04

    a-kuma3さんのブックマークレットを試してみたところ、
    やはりGoogle等ではアラートが表示されますが、
    facebookでは拒否されてしまいました。
    
    
    自分のページに、phpで適当なページを作り、
    説明通りのheaderを入れたら同じ様に拒否する事が出来ました。
    facebookが拒否する設定をしているのですね。
    
    下記のページを表示した後に、ブックマクークレットで
    別のドメインにある jsを読み込ませようとするとエラーになりました。
    
    
    header('Content-Security-Policy: default-src "self" *.mydomain.com');
    
    print $_SERVER["REMOTE_ADDR"];
    
    ?>
    
    
    要するに、どうやってもfacebookのページでは
    外部のjsは読み込ませられないという事ですね。
    
    ありがとうございました。

    スター

  • worldtravel 2016/03/26 21:42:43

    あっ　すいません。
    書いていて下さったのですね。
    
    ありがとうございました。
    解決しました ^^

    スター

  • a-kuma3 2016/03/26 21:46:33

    ん、なんで Gist に置いたスクリプトが動いたんだ……

    スター

  • worldtravel 2016/03/26 21:47:02

    私の環境では動きませんでしたが... ^^;;

    スター

  • a-kuma3 2016/03/26 21:48:26

    ですよねえ...

    スター

  • worldtravel 2016/03/26 22:00:32

    なにか特殊な方法で実行できる事がわかりましたら教えて下さい。^^
    直にダメな様にされてしまうとは思いますが...^^;
    
    ありがとうございました。

    スター

  • a-kuma3 2016/03/26 22:12:09

    なにか特殊な方法で実行できる事がわかりましたら教えて下さい。^^

    Bookmarklet ってことは、自分だけで使う用途ってことですよね。
    Fiddler っていうデバッグとかに便利なローカルに立てる Proxy があるんですけど、レスポンスヘッダの削除ができます。
    http://docs.telerik.com/fiddler/KnowledgeBase/FiddlerScript/ModifyRequestOrResponse
    
    常に Fiddler を通すのはどうもなあ、ということであれば、pac ファイルを用意して facebook だけ Fiddler を通すようにするとか。
    https://ja.wikipedia.org/wiki/%E3%83%97%E3%83%AD%E3%82%AD%E3%82%B7%E8%87%AA%E5%8B%95%E8%A8%AD%E5%AE%9A#PAC_.E3.83.95.E3.82.A1.E3.82.A4.E3.83.AB

    スター

  • worldtravel 2016/03/26 22:18:42

    ありがとうございます。
    自分だけではなく、ある機能を作って、広く一般に公開しようとしていました。
    ただ、こういった事が出来るとなると、
    何れ殆どのサイトでブロックされて使えなくなってしまうのかな....と。
    ですので、今後どうするかは検討中です。

    スター

その他の回答

この質問へのコメント

質問の情報

登録日時

2016-03-26 18:58:00

終了日時

2016-03-26 21:50:49

回答条件

1人1回まで

この質問のカテゴリ

• コンピュータ
• ウェブ制作

この質問に含まれるキーワード

人気の質問

• すぐお金になる働き方で求人以外にありますか？業界人でなくても 需要あれば働けるという日本人の多いとこ…ao87453011日前
• 民法施行法（明治三十一年法律第十一号）という古い法令の第6条: 契印について⇒民法施行法： 第六条　私署…匿名質問者111日前
• 無料で、食べ物をもらったことありますか？たとえば、コンビニ、スーパーなど。…ao87453011日前
• 宅地建物取引士が集まる店はありますか？ao87453011日前
• 民間の求人で、即採用の求人は 未経験の職種でみつかりましたか？ao87453011日前

メニュー

• 質問一覧
• カテゴリ一覧
• 無料ユーザー登録
• 人力検索はてなトップ

PC版

• お問い合わせ
• ヘルプ
• お知らせ
• はてなトップ