今日の人気記事

  1. Windows10 起動時にアプリを自動起動 - スタートアップに登録
  2. Windows10 - 起動時のパスワード入力を省略 - 自動サインイン
  3. Windows10 - アプリのスタートアップを無効にする方法
  4. Windows10 - IMEの予測入力の使用(有効/無効)と設定
  5. Windows10 October 2018 Update(1809)へアップデートする方法

Safariメニューバーに開発メニューを表示する方法

スポンサーリンク

Safariメニューバーに「開発」メニューを表示する方法を紹介します。

Safariの「開発」では、クロスブラウザーのテストを行うことができます。「Safari iOS」「Internet Explorer」「Google Chrome」「Firefox」「Opera」……での表示が確認できるので、便利ですよー。

また、FirefoxやChromeのアドオンで有名な「Firebug」のようにHTMLを解析することもできるので、「開発メニュー」を表示しておきましょう。

それでは、表示方法をみてみましょう。

開発メニューの表示方法


アプリ「Safari」を起動します。


上部メニューから「環境設定」を起動します。


環境設定です。

スポンサーリンク

上部タブメニュー「詳細」をクリックしましょう。


詳細設定です。

  • メニューバーに開発メニューを表示

チェックを入れましょう

これで設定完了です。


これで上部メニューに「開発」が表示されます。

Safariの開発メニューを利用すれば、制作したサイトがFirefox、IEのさまざまなバージョン、iPhoneやiPad……でどのように表示されるかを確認することができます。


また、「ページのリソース」では、HTML+CSSコードと表示を同時に確認できるので、こちらも便利ですよ。

以上、「Safariメニューバーに開発メニューを表示する方法」でした。

関連記事(一部広告含む)