web-dev-qa-db-ja.com

iPadシミュレーターでのWebアプリのデバッグ

私はiPad用のWebアプリを開発し、MacのSafariとiPadSimulatorのSafariでテストしています。現在、iPad SimulatorのCSSにはいくつかの問題があり、MacのSafariで非常にうまく機能します。今私の質問は、iPadシミュレーターにSafari用の強力なデバッグツールがありますか?

13
awsome

:iOS6の時点では、これはリモートデバッグを行う正しい方法ではなく、歴史的な理由からこの回答を残していますが、Safariを使用したリモート検査を調べる必要があります。ここに良い記事があります: http://jeffreysambells.com/2012/09/22/ios-safari-web-inspector

これを見てください(私が書いたbashスクリプト) https://Gist.github.com/2241976 。 iPadシミュレーターを開いて、Webkitのリモートインスペクターを実行できます。これは次のようになります。

iOS remote Inspector

12

XCodeデバイスシミュレータでsafariを実行すると、デスクトップのSafari(v6)の[開発]メニューにそれらのデバイスが表示されます。そこから、モバイルブラウザ用の開発者ツール(DOMブラウザなど)を起動できます。これは、ハードウェアなしでモバイルサファリcssの問題をデバッグするのに役立ちました。

iPad Simulator menu option

29
t1m0

iWebInspector は、iOsシミュレーターのSafariにとって非常に強力なツールです。 Chromeと同じインスペクターを使用し、うまく機能します(私はそれを自分で使用し、本当に役に立ちました)。

彼らのウェブサイトから

iWebInspectorは、iOSシミュレーター(iPhoneまたはiPad)で実行されているWebアプリケーションをデバッグ、プロファイル、および検査するための無料のツールです。 Safari for Desktop、Chrome、またはFirebugを使用しているかのように、リソースの確認、HTMLとCSSの表示と変更、JavaScriptコードのブレークポイントの使用、グラフの作成などを行うことができます。

これは、SafariのすべてのWeb(Webブラウザー)、ChromeのないWebアプリ(フルスクリーン)、およびUIWebViewを使用するアプリ(PhoneGapアプリケーションを含む)で機能します。

0
BBog