旅行/観光

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

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

認証コード *

*

関連記事

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

先日ネット通販でジーパンを買い物したのですがサイズをあまり見ず、そして年を重ねる ...

鳥取県水木しげるロードから明地峠の雲海を見た

明地峠 岡山県新見市と鳥取県日野町の境に存在します。 明智峠とも表記されることも ...

大阪市内で1番大きい大阪城公園散策 桃園〔見ごろ〕

大阪城 桃園 大阪城ホールへ行く為、家から近所なので京阪電車 北浜駅から天満橋駅 ...

模擬天守日本最古の眺めがいい洲本城へ!

洲本八景洲本城へ行ってきました! 洲本城は模擬天守です。 淡路島洲本城の歴史 年 ...

広島 世界文化遺産厳島神社

広島 厳島神社 厳島神社は広島県廿日市市の厳島(宮島)にある神社へ行ってきました ...