新しいiOS 6 Safariには、USBケーブル経由でデスクトップSafariから接続できるWeb Inspector機能が付属しています。その後、デスクトップからiOS Safariで開いたページをデバッグできます。しかし、私が見た限りでは、この機能はWindowsではなくMac Safariでのみ現在サポートされていますか?私は正しいですか、またはWindows Safariにも可能性がありますか?または、多分後で利用可能になるでしょうか?
Windows向けにリリースされていないSafari 6が必要なようです。 WindowsでのSafari 6の使用不可に関して、Appleは「Safari 6はMountain LionおよびLionで使用可能です。Safari5は引き続きWindowsで使用可能です」と述べています。
私は定期的にweinre
を使用しています。基本的には、Webページを閲覧するためのインスペクター拡張プロキシとして機能するWebサーバーを実行します。インスペクターを開始するには、ページにスクリプトを追加するか、ブックマークレットを実行します。
weinreは、FireBug(FireFox用)やWeb Inspector(WebKitベースのブラウザー用)などのWebページ用のデバッガーです。ただし、リモートで動作するように設計されており、特に、携帯電話などのモバイルデバイスでWebページをデバッグできるように設計されています。
これをインストールするには、NodeJSとNPM(NodeJSに含まれています)が必要です。また、デスクトップ/レシーバー側にWebKitベースのブラウザー(Safari、Google Chrome、またはChromium)も必要です。 Windows、OSX、Linuxで動作するはずです。
NodeJSとNPMが既にインストールされている場合は、次のコマンドでインストールして実行できます。
npm i -g weinre
weinre
# Go to the URL that it outputs for instructions to use it
@EvAlexは、Weinreに非常によく似た Vorlon.js と呼ばれる別のツールを指摘しました。プラグイン可能で、複数のデバイスのインスペクター間の表示/切り替えを同時にサポートします。
まだこれに苦労している人のために、Firebug Liteの「ブックマークレット」を使用すると、ios6 Safariでjavascriptをデバッグできます。このチュートリアルに従ってください: https://iosbookmarklets.com/firebug-lite-bookmarklet/
WindowsでのVorlonのセットアップ
npm i -g vorlon
vorlon
Vorlonが実行されていることを確認
Webブラウザーを開き、 http:// localhost:1337 に移動します
Ngrokのセットアップ
Start -> Search -> cmd
cd <ngrok_path_where_ngrok.exe is stored>/
ngrok.exe http <port>
例ngrok.exe http 1337
NgrokはURLを提供します。 https://0ad8c32f.ngrok.io -> localhost:1337
NgrokのURLをコピーしてWebページに貼り付けます。
<script src="https://0ad8c32f.ngrok.io/vorlon.js"></script>
デバイスでテスト中のページに移動します。
http://thepageiwanttotest.com/testing123
参考文献
このブログにつまずいた WindowsでiOS Webアプリをデバッグする方法を示しています AppBuilderと呼ばれるTelerikのstndaloneアプリを使用しています。使用する前にプラットフォームでアカウントを作成することになっており、30日間の試用期間があります。
IOS 7を搭載したiPadのVanilla WebアプリとPhonegapアプリの両方にWindows 7 64ビットでこれを使用しましたが、動作します。 Chromeのツールと非常によく似たWeb開発ツールを入手できます。
GapDebug という素晴らしいツールを見つけました
それは私にとって正しい解決策でした:)