Safari 9の開発者向け機能「レスポンシブ・デザイン・モード」ではレスポンシブデザインのWebサイトのチェックやiPadのSplit Viewもシミュレーション可能に。

macOS,iOSのデフォルトブラウザ「Safari」のアイコン。 El Capitan
記事内に広告が含まれています。
スポンサーリンク
スポンサーリンク
スポンサーリンク

 Safari 9のでは開発者向けに「レスポンシブ・デザイン・モード」という新機能が追加されています。詳細は以下から。

Safari9-New-Web-Inspector-Hero


 本日YosemiteおよびEl Capitan向けに公開されたOS Xのデフォルトブラウザ”Safari 9″ですが、Safari 9には新たに「レスポンシブ・デザイン・モード」という機能が搭載されています。この機能はレスポンシブデザインのWebサイトのデバック用にiPhone4s ~ iPhone 6 Plus、iPad mini/Air, 標準的な解像度をシミュレートしてくれるというもので、iPadについてはクリックすることでiOS 9のSplit Viewでの表示も確認することもでき、Retina用に@1x, 2x, 3xの表示、ユーザーエージェントの変更もできます。

 デフォルトの状態でのSafari 9には開発者メニューが表示されていないので、レスポンシブ・デザイン・モードを利用したい方は、Safariメニューの[環境設定…] > [詳細] > [メニューバーに”開発”メニューを表示]し、その後チェックしたいWebサイトを表示し[開発] > [レスポンシブ・デザイン・モードにする]を選択して下さい。

Safari9-Dev-Mode-Hero

関連リンク:

コメント

  1. Apple7743 より:

    のでは

タイトルとURLをコピーしました