web-dev-qa-db-ja.com

iPad Safari開発ツールバー

IPad/Safari内で使用できる開発者ツールバーの種類はありますか？

デスクトップSafariでも同じことを知っています。iPad/ Safariにデバッガオプションがあることは知っていますが、iPad/Safari内でCSS/JSをすばやく編集する方法はありますか？

javascriptcssipadsafarimobile-safari
23
testndtv

Safari iPadには開発者ツールバーはありませんが、 firebug lite のようなものを使用して、必要なほとんどのことを実行できます。ブックマークレットをブックマークに追加して、ページを見ながらロードするだけです。

他のオプションは、リモートデバッガーであるPhoneGapプロジェクトの一部である Weinre です。基本的には、デスクトップマシンのChromeドキュメントインスペクターと同様のインターフェイスを実行して、iPadまたはiPhoneでドキュメントを操作することができます。以下のコメンターがこの素晴らしいツールに1年注目を集めました以前、しかしプロジェクトのURLが変わったので、ここに追加します。

FirebugLiteには、レンダリング速度とJavaScriptの処理にいくつかの問題があり、さらにそのフォントを適切にスケーリングしません。これらの理由から、Weinreは間違いなくより強力なツールですが、使い始めるのも困難です。

26
Winfield Trail

IPadで*設定> Safari>詳細設定*に移動し、Webインスペクターをアクティブにします。

IPadをコンピューターに接続します。

コンピューターでSafariを開き、設定で開発者ツールを有効にします。上記のメニューでタブDeveloperを確認し、そこにiPadを見つけます。

iOS Safariを介してデスクトップマシンからコンソールを介して完全に制御すれば完了です。

PS：これはiPhoneでもまったく同じように機能します。

43
honk31

この小さなトリックを使用して、Firebug Liteまたはブックマークレットに組み込まれたその他のデバッグツールを有効にできますが、実際には非常にうまく機能します。

http://www.blog.cordslatton.com/2010/11/debugging-ios-mobile-safari-ipad-iphone/

7
James