2011-08-26 7 views
5

YUI 3 slidersを使ったウェブサイトを作った。最近まであらゆる面でうまくいきました。私のデスクトップでは動作しますが、携帯電話では動作しないJavascriptをどのようにデバッグできますか?

ここ数日で、携帯端末のAndroid搭載端末で、スライダの親指がタッチに反応しなくなり、ドラッグできなくなりました。

これ以外のJavascriptはすべてロードされて正しく機能しているようですので、この問題はスライダーだけに現れているようです。

私は故意にスライダに関連するコードを変更していないことを誓っていますが、この違いが生じるためにはJavaScriptのどこかで何かをしたに違いありません。

問題は、デスクトップやラップトップ、またはタッチが関与していない他のデバイスで問題なく動作していることです。したがって、コードがどこにあるのかを判断するのは難しいです。

モバイルデバイスで正しく動作しない理由を確認するためにコードを検証またはテストする方法はありますか?

申し訳ありませんが、現時点では公表する権限がないため、サイトを公開することはできません。答えは一般的な原則に基づく必要があります。

+0

だけでリモート可能性が、私は信じて3.4先週リリースYUIチームは、いくつかの主要な仕事は、スライダーに行っていました。あなたはバージョン炎の場合があります。 – mjhm

+0

更新に関するアラートをありがとう。私はすべてのファイルをローカルに保管しているので、私は影響を受けているとは思わない。しかし、私はそれがアップグレードするのに恩恵を受けるだろうかと思います。 – Questioner

答えて

5

Firebug Liteを使用してDOMツリーを検査し、JavaScriptをデバッグすることができます。そのinstallationは非常に簡単です:ちょうど(またはブックマークレットを使う)だけ<head>以下

<script src="https://getfirebug.com/firebug-lite.js"></script> 

が含まれます。

+0

これは良いことのようです...しかし、それは私のサイトを完全に壊しました。意図したとおりに動作させることができる設定があるかどうかがわかります。 – Questioner

+0

これは良いユーティリティであり、便利だと思います。だから私は、デバッグをどのように達成できるかという私の一般的な質問に対してこれを正しいものとしてマークしました。しかし、私のスライダが動作していないというこの特定の問題については、私はまだ立ち往生しているので、私はその側面を新しい質問に移しました。 http://stackoverflow.com/questions/7254621/why-did-touch-events-on-my-yu-slider-suddenly-stop-workingご協力いただきありがとうございます。 – Questioner

3

JSConsoleをリモートデバッグに使用できます。このツールは、@remによって作成されたモバイルWebアプリケーションをリモートでデバッグするためのツールです。

使いやすいです。試してみると、http://jsconsole.com/remote-debugging.htmlのようなチュートリアルがあります。

0

あなたの携帯電話でremoreデバッグのためのもう一つの良いオプションは、(リモートWebインスペクタ)Weinreある

あなたにもサービスとしてそれを使用することができます:http://debug.phonegap.com/

1

をたぶん少し遅れたが、今でいくつかがありますモバイルデバイス上でDOMとJSをデバッグする方法Adobe Shadowを使用すると、localStorageも検査できます。

  • Weinre
  • MacとiPhoneのために
  • Adobe Shadow
  • 関連する問題