デベロッパーツールの表示方法

パソコン

MacのSafariでデベロッパーツール(Webインスペクタなど)を表示する方法

普段はChromeをメインブラウザにしているんですが、ここ最近はSafariもよく使うようになってきました。そんな時にSafariでもWebインスペクタやソースコードを表示したいと思ったんですが、表示方法がイマイチ分かりづらい印象だったのでメモがてらご紹介します。

Safariの環境設定から開発メニューを表示

デベロッパーツールを表示させるやり方はSafariの環境設定から可能です。

上部メニューから「Safari」→「環境設定…」を開きます。ショートカットキー「command + ,」でも開くことができます。

Safariの環境設定を開く

続いてタブメニューから「詳細」を選択して、下にある「メニューバーに”開発”メニューを表示」にチェックを入れます。

開発メニューを表示させる

すると、先ほどまで上部メニューになかった「開発」が表示されるようになりました。

開発

あとは開発メニューからWebインスペクタを表示させたりすることができます。WebインスペクタのショートカットキーはChromeと同じで「command + option + I」になります。

そんなわけで、SafariでもChromeみたいにデベロッパーツールを使いたいという方は、普段から開発メニューを表示させておくのがよさそうです。

関連記事

  1. Finderのデフォルトフォルダを変更

    パソコン

    MacのFinderで最初に開かれる(新規ウインドウ)デフォルトフォルダを変更する設定方法

    Finderを新規で開くとき、最初に選択されるデフォルトフォルダはおそ…

  2. Macアプリのアンインストール

    パソコン

    MacでApp Storeからインストールしたアプリをデフォルト機能でアンインストールするやり方

    MacでApp Storeからインストールしたアプリをデフォルト機能で…

  3. パソコン

    MacのFinderのサイドバーの使わない項目を非表示にする

    MacのFinderの中にはあまり必要ない項目があったりしますよね。人…

  4. パソコン

    iPhotoの画像データの保存先フォルダの場所

    Macの画像管理アプリ「iPhoto」を使っていてちょっと気になったん…

  5. 設定の開き方

    パソコン

    Macのメモリ解放ソフト「Memory Clean」を使ってみた

    Macのメモリが不足した時なんかに活躍してくれるメモリ解放ソフト「Me…

  6. パソコン

    Bywordでフルスクリーンにするためのショートカットキー

    ここ最近BywordというMacアプリでブログを書いています。Mark…

最近の記事

  1. Soundcore Liberty Neo(第2世代)
  2. EH-NA0B
  3. KPS-88
  4. Happy Plugs AIR1
  5. cheero Stream 10000mAh

アーカイブ

PAGE TOP