私のASP.NETMVCWebサイトのマークアップは、iOS(iPadとiPhoneの両方)で「間違っている」ように見えます。デスクトップのSafariChrome、IEなどでは、ブラウザに開発者ツールを組み込んで問題を特定しています。
WindowsからiOSSafariを(エミュレータを介して)デバッグする方法はありますか?プロセスを容易にする方法を提供する場合は、xCodeを備えたMacも手元にあります。
私のASP.NETMVCWebサイトのマークアップは、iOS(iPadとiPhoneの両方)で「間違っている」ように見えます。デスクトップのSafariChrome、IEなどでは、ブラウザに開発者ツールを組み込んで問題を特定しています。
WindowsからiOSSafariを(エミュレータを介して)デバッグする方法はありますか?プロセスを容易にする方法を提供する場合は、xCodeを備えたMacも手元にあります。
Macで、iOSシミュレーター(以前はiPhoneシミュレーター)を開くことができます。XCodeをお持ちの場合は、シミュレーターをお持ちです。通常のブラウザの場合と同じように、シミュレータを開き、Safariを開いて、そこからページに移動するだけです。
MobileSafariには対応可能なHTML/CSSインスペクターがないため、FirebugLiteが機能する可能性があります。
これはかなり古い質問だと思いますが、最近自分でこれに遭遇し、解決策を見つけたので、ここで探しに来るかもしれない他の人と共有させてください。
weinreプロジェクトは、古いバージョンのWebkit開発ツールとほぼ同じように機能するリモートデバッガーを提供します。Safariにある適切なリモートデバッグツールほど完全には機能していませんが、HTMLやCSSを操作するときに作業を完了できます。
weinreパッケージはnpmjs.comで入手でき、システムにNodeJS/NPMがインストールされている必要があります。あらゆるブラウザを実行しているあらゆるアプリをデバッグでき、Windowsを含むNodeJSがサポートされているすべてのプラットフォームで動作します。
インストールするには:
npm i -g weinre
次に、ポート9000(または任意のポート)で開始します。
weinre --httpPort 9000
localhost:9000にアクセスすると、テストしているWebページをインストルメント化する方法の説明にアクセスできます(「ターゲットスクリプト」セクションを参照)。たとえば、これをページに追加します。
<script src="http://localhost:9000/target/target-script-min.js#anonymous"></script>
ページがインストルメント化されると、手順ページが指すデバッグインターフェイスに移動できます。