web-dev-qa-db-ja.com

WindowsマシンからiOS Safari Webインスペクターにアクセスする

新しいiOS 6 Safariには、USBケーブル経由でデスクトップSafariから接続できるWeb Inspector機能が付属しています。その後、デスクトップからiOS Safariで開いたページをデバッグできます。しかし、私が見た限りでは、この機能はWindowsではなくMac Safariでのみ現在サポートされていますか？私は正しいですか、またはWindows Safariにも可能性がありますか？または、多分後で利用可能になるでしょうか？

ioswindowssafariweb-inspector
53
Stranger

Windows向けにリリースされていないSafari 6が必要なようです。 WindowsでのSafari 6の使用不可に関して、Appleは「Safari 6はMountain LionおよびLionで使用可能です。Safari5は引き続きWindowsで使用可能です」と述べています。

40
ghenne

私は定期的に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

screenshot of developer tools and ios simulator, showing weinre in action

更新：

@EvAlexは、Weinreに非常によく似た Vorlon.js と呼ばれる別のツールを指摘しました。プラグイン可能で、複数のデバイスのインスペクター間の表示/切り替えを同時にサポートします。

27
DaAwesomeP

まだこれに苦労している人のために、Firebug Liteの「ブックマークレット」を使用すると、ios6 Safariでjavascriptをデバッグできます。このチュートリアルに従ってください： https://iosbookmarklets.com/firebug-lite-bookmarklet/

10
Phil

WindowsでのVorlonのセットアップ

npm i -g vorlon
vorlon

Vorlonが実行されていることを確認

Webブラウザーを開き、 http：// localhost：1337 に移動します

Ngrokのセットアップ

  • Ngrokのダウンロード： https://ngrok.com/download
  • 解凍する
  • コマンドプロンプトを開く：Start -> Search -> cmd
  • Ngrok.exeに移動します：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

参考文献

8
nu everest

このブログにつまずいた WindowsでiOS Webアプリをデバッグする方法を示しています AppBuilderと呼ばれるTelerikのstndaloneアプリを使用しています。使用する前にプラットフォームでアカウントを作成することになっており、30日間の試用期間があります。

IOS 7を搭載したiPadのVanilla WebアプリとPhonegapアプリの両方にWindows 7 64ビットでこれを使用しましたが、動作します。 Chromeのツールと非常によく似たWeb開発ツールを入手できます。

3
neno

GapDebug という素晴らしいツールを見つけました

それは私にとって正しい解決策でした:)

1
Eran Levi