スマホサイトのデバッグについて
ウェブシステムを開発している際に、iPhoneのみでのスタイル崩れが起きました。
ブラウザのユーザーエージェントをiPhoneにしても問題なく、iPhone実機で確認するとスタイルが崩れているというデバッグができない状況に陥りました・・・
Safariのウェブインスペクタを使うと良いという記事を見つけたので、忘れないためにもメモです。
iPhone
iPhoneの「設定」→「Safari」→「詳細」→「Webインスペクタ」にチェックをし、PCに接続します。
それだけ
PC
Safariを開き、「環境設定」→「詳細」→「メニュバーに開発メニューを表示」にチェックします。
メニュバーの開発をクリックし、接続したiPhoneの名前をクリックすれば、ウェブインスペクタが表示され、デバッグができます。