web-dev-qa-db-ja.com

iOS 6-IPadのコンソールログを削除する-WindowsでWebインスペクターを使用する方法

IOS6がリリースされました。現在、Appleは、Safariに存在していた「開発者コンソール」を削除したように見えます。

しかし、それは動作しますonデバイス-今、どうやらあなたはデバイスをMacに接続してWebインスペクタを取得する必要がありますか？

これがコンソールでデバッグする唯一の方法ですか？ Windows、safariでデバッグする方法はありますか？注意してください、私はユーザーエージェントを変更するだけではなく、タッチイベントを登録せずにSafari Windowsで実行できます-クリックするだけです。

ipaddebuggingios6
33
waxical

Mac OSXがない場合は、このスクリプトをコンソールの代替として使用できます。

https://github.com/robotnic/waterbug

エラーメッセージが表示され、あらゆる種類の変数を記録することができます。コンソールを開くには、iPhoneまたはiPadを右に90度回す必要があります。

7
bernard

貧乏人デバッグコンソール：

    try {
        var test = document.do.something();
    }
    catch (exc) {
        alert(exc);
    }
5
Davy

ブックマークレットを使用して（特にMobile Safari内で） on デバイスをデバッグできます。

エラーがデバイス上でライブにのみ表示され、他のどこにも表示されない場合、デバイスでのデバッグは非常に重要です。開発者にはさまざまなブックマークレットがありますので、お好みのツール（例：Firebug Lite）を選択してブックマークに追加し、必要な場所で使用してください。これはデベロッパーコンソールではないかもしれませんが、より正確でジョブ指向のデバッグを行う方法です。

私は自分のウェブログでブックマークレットを使用する方法についてのブログ投稿を書きました（他の一般的なテストツールとさらなるブックマークレットのリストもあります）：

更新：Chromeは、（Google Chome Mobile内、 Androidデバイスのみ）でデバッグをはるかに簡単にするMobile DevToolsをリリースしました。 Safari内でDevToolsの問題が発生しますが、デバイスの /エラーを見つけると役立つ場合があります。

更新2：MozillaはFirefoxアドオンをリリースし、ブラウザーとデバイス間でWeb開発を可能にしました。 http://youtu.be/kEFbQwB81RE?t=1m58s

4
Sven

ワインを探してください。 ChromeのようなWebインスペクターを使用して、Safariで実行されているページを別のコンピューターから検査できます。

3
tarling

window.onerror を使用して、コンソールなしでエラーをデバッグできます。他のJavascriptコードの前に、独自の<script>タグでこのコードをHTMLドキュメントに追加するだけです。

<script type="text/javascript">
    window.onerror = function(e){
        alert(e);
    };
</script>

これにより、エラーが発生するたびに、alertダイアログボックスにエラーメッセージが表示され、iOS Safariに表示されます。デバッグしようとしているエラーの前に上記のコードを実行することが重要です。構文エラーをデバッグする場合は、別の<script>タグに含めることも重要です。

1
Donald Duck

Nenoが提案したように、Telerik AppBuilderは素晴らしいアプリケーションです。私は実際にLinux上の仮想マシンでWindows XPを実行しています。iPhoneをデバッグするためだけです。WindowsXP私の場合、Windows 7はiPhone、ただしiTunesとTelerik AppBuilderはサポートしていません。

0
haffla

組み込みのコンソールがなくなったように見えます。 Windows 7に接続してSafariを開いたところ、デベロッパーコンソールが見つかりませんでした。それから この記事 を読んで確認しました。

両方の向きでサイトをテストできるようにする必要がある場合、waterbugはコンソールビューの横向きを使い果たすため、良い選択肢ではありません。

適切なオプションの1つは、 Adobe Edge Inspect を使用することです。 Chromeでサイトを開き、デバイスでアプリを開くと、デバイスはデスクトップで開いているページをすべてミラーリングします。その後、Chrome =コンテンツをデバッグする開発ツール。

0
Tim Kindberg

Windows上のSafariの代わりに、AppBuilderと呼ばれるTelerikのアプリを使用できます。 このブログ の手順を見つけました。ただし、Telerikプラットフォームを使用するにはアカウントを取得する必要があります。

これにより、Safariのような開発ツールが提供されます。 iOS 7.1を搭載したiPadで実行する通常のWebアプリとPhonegapアプリでWin7 64ビットで使用しました。

0
neno