iPhone実機とMacをケーブルでつなげ直接操作する、iPhoneのSafariで開発ツール

モバイル端末であるiPhoneは画面が小さいので、パソコンのブラウザーでの開発ツールの使い勝手は難しいです。iPhoneのエミュレーターもありますが、実機での操作が一番確実な感じはします。

実機iPhoneをケーブルでMacにつなげて、Macでインスペクターが使用できる

iPhoneの設定

Mac Safariの設定

Mac Safari の環境設定から、詳細タブにて、「メニューバーに”開発”メニューを表示」にチェック

Safariメニューの開発からiPhoneを操作

実際の様子