■Facebookの連携機能で、ブラウザがクラッシュ？

web製作に関しては素人なので用語などわからぬことも多いのですがご容赦くださいませ。

最近スマートフォンを買いまして、android 2.3.3ちゃん可愛いなあペロペロという生活をしています。

＜!DOCTYPE html＞
＜html lang="ja" xmlns:fb="http://www.facebook.com/2008/fbml"＞
＜head＞＜title＞サイトタイトル＜/title＞＜/head＞
＜body＞
＜div id="fb-root"＞＜/div＞
＜script src="http://connect.facebook.net/en_US/all.js"＞＜/script＞
＜script＞ 
FB.init({appId : 'xxxxxx', status : true, cookie : true, xfbml : true });
＜/script＞
＜div style="border:1px red solid;"＞
＜fb:comments href="example.com" num_posts="2" width="500"＞＜/fb:comments＞
＜/div＞
＜/body＞＜/html＞

こんな感じのコードをスマホのブラウザから表示すると、赤い枠がどんどん拡張していくのですが何故でしょう？

facebook側のバグ？androidブラウザ側のバグ？

どうもブラウザが悪い気がしますけども。

https://developers.facebook.com/docs/plugins/

ここにあるプラグインのうちいくつかはandroidブラウザでも正常に動き、

いくつかは縦にどんどん伸びていくし、いくつかは横にどんどん伸びていくみたいです。

このあたりの動作の影響なのか、スマホで閲覧ができないサイトが、一部ではクラッシュまでしてしまうサイトもあるようです。

あるサイトXでは横幅・縦幅がどんどん大きくなっていくので、

文章の入ったコンテナ部分がどこか遠くに行ってしまい読みようがないのです。

あるサイトYでは、FBその他のプラグインを大量に張っており、相性の問題もあるのか

一分ほど放置するとブラウザが勝手に落ちます。

私が検証した範囲では、

Xperia acro標準ブラウザ：ダメ

Dolphinブラウザ：問題なし

Opera mini：問題なし

でした。

これって私だけ？

また、僕のケータイだけの問題かどうかも分からないので、

今一度、みなさんも検証していただけたら、と思います。

Permalink | 記事への反応(0) | 03:42

ツイートシェア