Facebookアプリの画面が一部切れてしまう！

※このブログはコチラより自動生成しております。

ちょっとハマりそうになったのでメモφ(｡｡;)


「Facebookページのタブ（アプリ）を表示すると一部切れてしまう」と、
連絡があり、即対応。

自分のPCで試してみても正常に表示されてしまう。

そこで、PCの環境を聞いて見ると、

IE8を使用しているとのこと。

IE7,8はバグの温床ですごい有名なので、
一瞬、これは直せないかもしれない。。

・・・と不安がよぎりました。

が、

ここで諦めたら、職人としてのプライドが許さない。


ということで、
一つ一つしらみつぶしに調べていこう！！

・ブラウザ依存？
・JavascriptのFacebookAPIが対応していない？
・CSSの違い？
・そもそも、Facebookの仕様上の問題？
・IEの設定？

と、色々調べていくと、

！

閃きました。


HTTPS通信！！


IEはHTTPS通信の場合に、
内部で通常の通信（HTTP通信）をしていると警告を表示する、
ありがた迷惑な仕様があることを思い出しました。

この警告を無視すると、
その通信はシャットアウトされます。


つまり、
HTTP通信を行っている箇所を探すと答えが見つかる！


結論：
FBのJavaScriptを読み出しているとこを、HTTPSにする。

＜ｓｃｒｉｐｔ　ｔｙｐｅ＝”ｔｅｘｔ／ｊａｖａｓｃｒｉｐｔ”　ｓｒｃ＝”ｈｔｔｐ：／／ｃｏｎｎｅｃｔ．ｆａｃｅｂｏｏｋ．ｎｅｔ／ｊａ＿ＪＰ／ａｌｌ．ｊｓ”＞＜／ｓｃｒｉｐｔ＞
⇒
＜ｓｃｒｉｐｔ　ｔｙｐｅ＝”ｔｅｘｔ／ｊａｖａｓｃｒｉｐｔ”　ｓｒｃ＝”ｈｔｔｐｓ：／／ｃｏｎｎｅｃｔ．ｆａｃｅｂｏｏｋ．ｎｅｔ／ｊａ＿ＪＰ／ａｌｌ．ｊｓ”＞＜／ｓｃｒｉｐｔ＞

※ブログ投稿できないので全角で。

凡ミスかもしれませんが、
このIEの特有の仕様を知らないと、
永遠に気付けなかったかもしれません。


今回、対応したページはこちら


【ＰＲ】

野球関係者のFacebook、Twitter、ブログなどのSNS投稿を貴方がカスタマイズ！
野球まとめサイト BaseBall-Rush

塩に関するギフトや業務用など、幅広く取り扱っております。
塩通販専門店 世界の塩.com

Facebook制作専門会社
Facebookページ制作会社Genek's
※Produced by WEB.HP.Facebookページ.製作会社ジェネキス