34

だからiOS6が出ました、ホラ。現在、Apple は Safari に存在していた「開発者コンソール」を削除したようです。よかった、多くの人が言うのを聞いた - それは限られていた。

しかし、それはデバイス上で動作します。Web インスペクターを取得するには、デバイスを Mac に接続する必要があるようです。

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

4

8 に答える 8

7

Mac OSXをお持ちでない場合は、このスクリプトをコンソールの代わりに使用できます。

https://github.com/robotnic/waterbug

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

于 2012-10-04T06:35:57.320 に答える
5

貧しい人々 のデバッグ コンソール:

    try {
        var test = document.do.something();
    }
    catch (exc) {
        alert(exc);
    }
于 2013-09-26T18:24:05.677 に答える
4

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

エラーがデバイス上でのみライブで表示され、それ以外の場所には表示されない場合、デバイスでのデバッグが非常に重要になる可能性があります。開発者向けのさまざまなブックマークレットが用意されているので、お好みのツール (Firebug Lite など) を選択し、ブックマークに追加して、必要な場所で使用してください。これは開発者コンソールではないかもしれませんが、より正確でジョブ志向のデバッグ方法です。

私は自分のウェブログでブックマークレットの使用方法に関するブログ投稿を書きました (他の一般的なテスト ツールとその他のブックマークレットのリストもあります)。

更新: Chrome は、デバッグ (Google Chome Mobile 内、 Android デバイスのみ) をはるかに簡単にする Mobile DevTools をリリースしました。これは、Safari 内で欠落している DevTools の問題を解決するものではありませんが、デバイスのエラーを特定するのに役立つ場合があります。

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

于 2013-01-23T05:56:57.580 に答える
3

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

于 2013-01-03T15:26:27.250 に答える
0

ビルトインコンソールがなくなったようです。Windows 7 にプラグインして Safari を開いてみましたが、開発者コンソールが見つかりませんでした。それから私はそれを確認したこの記事を読みました。

サイトを両方の向きでテストできるようにする必要がある場合、waterbug は適切なオプションではありません。

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

于 2012-10-12T13:16:42.627 に答える
0

neno が示唆したように、Telerik AppBuilder は優れたアプリケーションです。私は実際に Linux 上の仮想マシンで Windows XP を実行していますが、それは私の iPhone をデバッグするためだけです。私の場合、Windows 7 は iPhone を認識しますが、iTunes と Telerik AppBuilder は認識しないため、Windows XP です。

于 2014-10-08T22:17:17.177 に答える