モバイル デバイスまたはシミュレーター (iOS シミュレーターなど) で実行されるモバイル Web アプリをデバッグしたいと考えていました。多くのグーグルでWeinreに出くわしましたが、Macbookにインストールする方法がわかりませんでした.
2 に答える
簡単な更新: Goje87 の回答は完全に正確ですが、iOS 6 の時点で、Apple は Safari の Web インスペクターを強化して、iOS デバイスのアプリ内で実行されている HTML ページを検査できるようにしたことを指摘したいと思います。
Weinre に対する利点は、JS スクリプト (ブレークポイント、ウォッチなど) をデバッグできることです。
これを機能させるためのガイドは次のとおりです: http://moduscreate.com/enable-remote-web-inspector-in-ios-6/
編集:これにはMacが必要です。
http://blog.joelambert.co.uk/2012/05/17/installing-weinre-on-mac-os-x/ページの指示に従って、weinreを快適にインストールできました。
インストール後weinre
、サーバーを起動するコマンドを実行しましたhttp://localhost:8080
。デスクトップブラウザで同じことを入力すると、詳細な指示が表示されました. リモートでデバッグしようとして<script src="http://localhost:8080/target/target-script-min.js#anonymous"></script>
いたページ ( ) にスクリプト タグ ( に似たもの) をコピー アンド ペーストするように求められました。http://myMobApp.local
私はそれを行い、iOS シミュレーターでモバイル アプリのページを開きました。http://localhost:8080/client/#anonymous
シミュレーターにロードした後、手順ページに表示されたデバッグ クライアント ユーザー インターフェイス リンク ( に類似) を開きます。シミュレーターで実行されている Web アプリをデバッグするための美しいインターフェイスを提供してくれました。