web-dev-qa-db-ja.com

iPadでのJavascriptのデバッグ

刑務所が壊れていないiPadでjavascriptをデバッグするために役立つツールがあるかどうか疑問に思っていました。それは仕事のために供給されたiPadなので、刑務所の破壊はオプションではありません。いくつかの退屈な手順を経て、iPadでfirebug-liteが動作するようになりましたが、javascriptのデバッガーステートメントがヒットしていません。また、Firebugで伝統的にできるようにブレークポイントを設定する機能はありません。

また、Safariのデバッグコンソールを開いていますが、それは私が達成しようとしていることにはあまり役に立ちません。

アイデアをありがとう。

javascriptipadfirebugfirebug-lite
60
Jeff Fol

webkitリモートデバッグプロトコル を見ましたか？彼らは人々が彼らのiPadのためのデバッガーを望んでいることを知っているようですが、まだ現実世界のiPadのリモートデバッガーはそこにありません。

しかし、がっかりしないでください。 weinre というツールがあります。これは、Webkitの人々が今すぐにやろうとしていることをやっています！

更新：

Google Chrome for Android電話のリモートデバッグ とモバイルWebアプリをデバッグするタブレットはもう苦労しません。ICSを搭載した高価なGoogle Galaxy Nexus携帯電話が必要です。しかし、将来は明るいです！ビデオデモをご覧ください。 ここ ：

weinreはWeb Inspector Remoteです。 「ワイナリー」という言葉のように発音します。または、「weiner」という言葉のように。誰が知っている、本当に。

18
Mohsen

Googleからこの質問に答える人のために、 iOS Safariで利用可能なWebインスペクター （「iOSのSafari」までスクロールダウン）があります。

5
Kenny Grant

Firebug Lite を試しましたか？

IPadでは使用していませんが、なぜ機能しないのかわかりません。

私はおそらく、クエリパラメータが設定されているかどうかに基づいて条件付きインクルードを設定します-たとえば（php）

<?php if(isset($_GET['debug'])): ?>
<script type="text/javascript" src="firebuglite.js"></script>
<?php endif; ?>
1
Jesse

Firefoxに組み込まれているWebIDEをValenceで使用することもできます。

デバイスのプラグイン> Firefoxでスパナアイコンをクリック> WebIDEを検索>「OTHER」の下で「Safari、Firefox、およびiOS上のその他のWebView」をクリック

[1] https://hacks.mozilla.org/2014/11/mozilla-introduces-the-first-browser-built-for-developers-firefox-developer-edition/

[2] https://hacks.mozilla.org/2014/06/webide-lands-in-nightly/

[3] https://developer.mozilla.org/en-US/docs/Tools/Valence

0
retrovertigo

まず、Web Inspectorが有効になっていることを確認する必要があります（「設定」>「Safari」>「詳細」）、「Web Inspector」をオンにします。

enter image description here

次に、iPadをMacにUSBケーブルで接続します。その後、Safariの[開発]メニューで選択して、iPad/iPhoneに表示されるWebサイトをデバッグできます。

画像と元の情報のソース： https://webdesign.tutsplus.com/articles/quick-tip-using-web-inspector-to-debug-mobile-safari--webdesign-8787

0
maracuja-juice

iDebugを試してください。 AppStoreからiPadに直接ダウンロードできます。 AppStoreリンクはこちら 。

0
acejordan

Firebug Liteをブックマークレットとして使用してみてください。 Jesseが提案したように、アプリのコードを変更することなく、すべての機能を使用できるはずです。 このリンク を参照してください。

0
daerin

実際に、WindowsマシンでFirefox WebIDEを使用してiOSのSafariでWebサイトをデバッグする方法があります。 https://stackoverflow.com/a/35714835/306179 で回答を書きました。セットアップと使用が必ずしも簡単ではなかったため、このソリューションについて詳しく説明しました。たとえば、ChromeのDevToolsスイートに期待されるすべての開発者ツールを提供するわけではありませんが、少なくともコンソール、インスペクター、デバッガーを提供します。

0
John Washam

私は最近、移動可能/サイズ変更可能な「ウィンドウ」（実際にはdiv）でコンソールログを表示するツールを作成しました。 Firebugのコンソールと同様の機能を提供しますが、タブレットのページで見ることができます。 タブレット/スマートフォン/ Phabletデバッグコンソール

0
Gus T Butt