旅行/観光

macでローカル環境利用しているweb担当者なら知っておくと便利な開発メニュー!

スポンサーリンク

ローカル環境でいろんなこと開発している人ならご存知だと思いますが、端末のサイズが大変多くて確認する環境が必要だと思います。

この時にmacなら便利で手軽ですぐできるレイアウト表示についてご紹介します。

レイアウトの確認どうしてる?

確認の方法は様々あるのですが私は本業ではないので手軽にすぐできる方法があればそれでよかったのでSafariを利用したやり方をご説明します。

まずSafariを開きます。

メニューバーのSafariをクリック!

safari_menu_bar

次は環境設定をクリックします。

safari_kankyo

設定画面が出てくるので一番右端の詳細のタブを選択します。

safari_syousai

その中にある最下部のメニューバーに開発メニューを表示にチェックを入れます。

safari_syousai_kaihatu

sponsored link

設定はたったこれだけ!

これでSafariのメニューバーに開発と追加されます。

Safari開発メニューの使い方

使い方はかなりシンプルです。

レスポンシブ・デザイン・モードにするを選んでください。

safari_custom

これでブラウザ上部に見たいレイアウトが選択できます。

safari_custom2

私がpinbinのテーマで編集が必要だったのでそれを例に少し見ていましょう。

まずはGoogle ChromeのWindowsでの表示。

 

ページ上部で希望のレイアウトが選択できます。

safari_windows

こんな感じ。

スマホレイアウトを見てみましょう。

safari_iphone

こんな感じ。

最後に

いかがでしたでしょうか?

私はこれで十分機能しています。お役に立てればと思います。

-旅行/観光
-,

記事のシェアや登録はコチラから!

スポンサーリンク


Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

認証コード *

*

関連記事

no image
札幌時計台とグルメ

札幌時計台 正式には旧札幌農学校演式場 しょぼいだとかいろいろ聞きますが、私は嫌 ...

和歌山のロケーション抜群の名勝千畳敷を観光!

2日目は晴れたのでとれとれ市場に寄って千畳敷に向かいました。 三段壁と違ってこち ...

味覚の秋だ!大阪の箕面市にある川西園へしいたけ狩り

箕面市にある川西園にしいたけ狩り って事で秋の味覚狩りにいってきました。 かなり ...

淡路島で遊ぼう!淡路ファームパークイングランドの丘

お盆で短い夏休みの中で今回は淡路島へ行ってきました。 淡路島も交通量が明らかに増 ...

京都府宮津市にある日本の滝100選!素敵な金引の滝(かなびきのたき)に行ってきた!

今回は天橋立の近所にある観光スポットをご紹介します。 股のぞき天橋立もいいところ ...