Mac ブログ運営

ソースコードをブラウザで表示するショートカットキー

更新日:2018-08-24

ソースコード表示ショートカットキー

WordPressでブログを書いているだけでも、慣れてきて、CSSをいじりはじめたり、プラグインを使わずにカスタマイズしたりするようになってくると、ソースコードをチェックすることが増えてきます。

他のサイトを見ているときでも、「あ、これってCSSどうなってるのかな?」と気になって見にいくことも。

ほとんどのブラウザで右クリックで「ソースコードを表示」のようなメニューがあると思いますが、ショートカットキー(キーボード・ショートカット)を使っていると「ちょっとできるヤツ風」だし、実際に便利です。

あと、右クリックが無効化されてるページでもこのショートカットキーを使えばソースコードを確認できます。

このページでは、WindowsとMacのそれぞれでソースコードをブラウザで表示するショートカットキーを紹介します。

Windows

Windowsの「ソースコードをブラウザで表示するショートカットキー」はこちら。

Chrome Ctrl + U
Firefox Ctrl + U
Internet Explorer Ctrl + U
Opera Ctrl + U

Mac

Macの「ソースコードをブラウザで表示するショートカットキー」はこちら。

Chrome option + command + U
Safari option + command + U
Firefox command + U

最後にひとこと

最後にひとこと

これを憶えれば、あなたも今日から「ちょっとできるヤツ風」の仲間入りです。

自分のサイトチェックだけでなく、他サイトのソースコードをチェックして勉強していきましょう。

-Mac, ブログ運営
-, ,

執筆者:

関連記事

アフィリエイト

アフィリエイトはじめました。

目次 1. アフィリエイトはじめました。2. アフィリエイトってなに?3. どんなアフィリエイトを扱っていく?4. アフィリエイトってどうやってはじめるの? アフィリエイトはじめました。 ブログをはじ …

アイコン

【WordPress】Favicon(ファビコン)の作り方と設定方法

WordPressでFavicon(ファビコン)を設定する方法を解説します。 目次 1. Favicon(ファビコン)とは2. Faviconの作成方法2.1. 1. デザインを決める2.2. 2. …

メールアドレス

【MixHost】独自ドメインのメールアドレス設定方法

MixHostで独自ドメインのメールアドレスを設定する方法を解説します。 この記事は独自ドメインを取得済みでMixHostの契約も済んでいる方に向けた記事です。 ドメインの設定も済ませておく必要があり …

Twitterフォローボタン

Twitterのフォローボタンにフォロワー数を付けて設置する方法

ブログやホームページにTwitterのフォローボタンを設置しようとしたときに、Googleで検索して古い記事を読むと、いまと設置方法が違うので困っている方も多いと思います。 (この記事は2018年8月 …

ブロガーとアフィリエイターの違い

ブロガーとアフィリエイターの違いって何?界隈インフルエンサーの発言(比較・まとめ)

ブログをはじめたばかりの頃に、「あれ、ブロガーとアフィリエイターって何が違うんだっけ?」と疑問を持ったことがある人は少なくないはず。 調べてみたところ、これまでに著名なブロガーやアフィリエイターによっ …

スポンサー

PROFILE

zakker

Zakker(ザッカー)

零細企業経営者。東京都在住。田舎暮らしに憧れを抱きながら東京で消耗中。いつかその日が来ることを信じて場所にとらわれない働き方の確立を目指して奮闘しています。