iOSシミュレータのMobile Safariに接続してリモートデバッグ·iWebInspector MOONGIFT
iWebInspectorはiOSシミュレータに接続してMobile Safari、PhoneGapのデバッグを行うソフトウェアです。 iOS向けのWebサイトを作っている際にデバッグしようと思うと色々不便な思いをします。Safariでもだいたいできるのですが、それでも動作が異なるケースがあります。そこで使ってみたいのがiWebInspectorです。 メイン画面です。 例えばエミュレータでこんな感じに表示しておきます。 iOSシミュレータからロードします。現在開いているページが出ます。 接続しました。エレメントが表示されています。 リソースも見られます。 ネットワークです。 コンソールも問題ありません。 alertを実行します。 シミュレータ側でアラートが出ます。 iWebInspectorはiOSシミュレータに接続して、その表示内容を取得します。Safariの他にもPhoneGapで作
要チェック。iPhone/iPadで表示しているWebサイトに対して使えるWebインスペクタ·Mobile Safari Inspector MOONGIFT
Mobile Safari InspectorはMobile Safariの表示画面に対してデスクトップブラウザを使ってデバッグできるソフトウェアです。 WebKitにはJavaScriptやHTMLのデバッグを行うインスペクタが内蔵されています。それをiPhone/iPadのMobile Safariでも使えるようにするのがMobile Safari Inspectorです。 iPadのシミュレータで任意のサイトを表示します。 デスクトップのブラウザからアクセスするとインスペクタが表示されます。 こんな感じでJavaScriptを実行することもできます。 iPad側でアラートが出ます。 iPhoneでも同様に使えます。 表示しているページの一覧が出ます。 構造をたどれます。選択しているDOMがハイライトします。 ネットワークも使えます。 スクリプトも使えます。 JavaScriptで色々
JavaScriptのデバッグTips - os0x.blog
JavaScript Advent Calendar 2010 8日目担当のid:os0xです。 JavaScriptネタは案外範囲が広くて色んなネタがあるので、毎回が楽しみですね。 さて、私はデバッグをネタにしたいと思います。テストではなくデバッグです。誰かが書いたコードをメンテナンスしなきゃー、とか。jQueryプラグイン導入しようとしたけど、なんかうまく動かないーみたいなケースのおはなしです。 JavaScriptのデバッグは大変なので、多くの方が日々苦労されていると思います。なぜJavaScriptのデバッグが大変なのか少し整理してみましょう。 ブラウザ依存 まず、なんといってもJavaScriptはウェブブラウザ上で実行されるので、環境が一定ではありません。特定の環境だけを対象にJavaScriptを書くことは滅多にありません。PC向けではIE、Firefox、Chrome、Sa
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
css-eblog.com
