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

パソコン

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

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

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

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

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

Safariの環境設定を開く

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

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

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

開発

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

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

関連記事

  1. パソコン

    Macの画面右上に表示されているユーザー名を非表示にするやり方

    MacでOS X Lionにした時に画面右上のユーザー名が常に表示され…

  2. パソコン

    MacのSparrowで未読メールだけを表示させる方法

    MacのメールクライアントはSparrowを使っています。で、未読メー…

  3. パソコン

    Macの定番ランチャーアプリ「Alfred」を使ってみた

    今さらながらMacの定番ランチャーアプリ「Alfred」を使ってみまし…

  4. パソコン

    MacのSafariでリンク済みテキストの色を元に戻すやり方

    ちょっと気になったのでメモしておきます。MacのSafariでリンクを…

  5. Macのデフォルトで入っているアプリのアイコンを取得

    パソコン

    Macのデフォルトで入っているアプリのアイコンを取得する方法

    Macに入っているアプリのアイコンを取得したいときってありますよね。以…

  6. 「/(スラッシュ)」を「・(中黒)」に変更

    パソコン

    Macで「/(スラッシュ)」を「・(中黒)」に変更する設定方法

    Macでキーボード入力しているときに全角の状態で「/」キーを押すと「/…

最近の記事

  1. M360bt

アーカイブ

PAGE TOP