file://いくつかの html/css ファイルを編集するときに、それらが Mac でどのように表示されるか ( をポイントして) だけでなく、いくつかのモバイル デバイスでどのように表示されるかを確認したいと考えています。
OS X 端末から Web サーバーを起動し、それを html ページのルートに向けるにはどうすればよいですか? 設定メニューを使用する必要はなく、書いているものを ~/Sites.
また、192.168.xy で始まる魔法の IP アドレスがあり、各モバイル デバイス (Mac と同じルーターに接続されている) がページを表示することも理解しています。有用なxy値のリスト、またはそれらが定義されている適切な参照へのポインタを理解していただければ幸いです。
サイトがlocalhost:8888(または別のポート) で実行されている場合は、ローカルの Mac IP を介して、同じルーターに接続されていると仮定して、デバイスからアクセスできます。[設定] > [ネットワーク] で見つけることができます。次に、左側のペインでアクティブな接続を選択し、[ IP アドレス]フィールドを確認します。デバイスでhttp://192.168.XX:8888にアクセスすると、サイトが実行されていることがわかります。
開発目的に適したもう 1 つのオプションは、Chrome Web Inspectorを使用することです。これにより、インスペクターの左上隅にあるタブレット アイコンをクリックして、画面をモバイル デバイスやタブレット デバイスに合わせて拡大縮小できます (クリック後にページを更新します)。また、正しいユーザー エージェントを送信します。これは、レスポンシブ表示を気にしないが他の問題も気にするほとんどの Web サイトにとって非常に便利です。次のように表示されます。
