旅行/観光

[記事公開日]:2016/02/05

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

スポンサーリンク

sponsored link

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

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

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

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

まずSafariを開きます。

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

safari_menu_bar

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

safari_kankyo

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

safari_syousai

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

safari_syousai_kaihatu

設定はたったこれだけ!

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

Safari開発メニューの使い方

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

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

safari_custom

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

safari_custom2

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

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

 

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

safari_windows

こんな感じ。

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

safari_iphone

こんな感じ。

最後に

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

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

-旅行/観光
-,

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

スポンサーリンク


Message

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

認証コード *

*

関連記事

no image
大人でも満喫できる日本最北の動物園 | 旭山動物園

sponsored link 日本最北の動物園旭山動物園 バスに乗り込み揺られる ...

これで寒さも大丈夫!北海道で重宝した防寒必須アイテム

sponsored link スノーブーツのソレルが手放せない! お店に行ったと ...

no image
小樽から都市と自然の融合の地札幌へ

sponsored link 小樽から札幌へ 寒いのに寒さも麻痺して感覚が普通に ...

失敗した!!ジーパンのサイズ選びで失敗した時の対処法

sponsored link 先日ネット通販でジーパンを買い物したのですがサイズ ...

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

sponsored link 2日目は晴れたのでとれとれ市場に寄って千畳敷に向か ...