モバイルデバイス向けのウェブサイトを構築しています。ほとんどの UI/UX に JQuery モバイルを使用しています。
現在、stropheJS を統合して、モバイル デバイスで Web サイトを適切に実行できるようにするのに苦労しています。
$(document).bind('connect', function (ev, data) {
//Groupie.connection = new Strophe.Connection('http://chat.local/http-bind');
Groupie.connection.connect(
data.jid, data.password,
function (status) {
alert('Initializing');
if (status === Strophe.Status.CONNECTED) {
$(".chat").hide();
$("#inner_chat").show();
$(document).trigger('connected');
} else if (status === Strophe.Status.DISCONNECTED) {
$(document).trigger('disconnected');
}else{
alert('Nothing Happens...');
}
});
});
上記はコードの簡単なスニペットで、Strophe が正常に接続されるとチャット インターフェイスが表示されます。
デスクトップ ブラウザを使用して上記のコードをテストすると、すべてがスムーズに進みました。Strophe は部屋にログインし、すべての参加者を一覧表示し、何よりも他のユーザーとチャットできます。
ただし、モバイル デバイスのブラウザーを使用して試してみると、問題が発生します。Strophe が CONNECTED でも DISCONNECTED でもないことを示す「何も起こらない」という警告メッセージが常に表示されます。
なぜこれが起こっているのか誰にも分かりますか?モバイル用のfirebugのようなアプリがあればいいのに。