Mac ブログ運営

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

投稿日:2018年8月11日 更新日:

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

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, ブログ運営
-, ,

執筆者:

関連記事

WordPressのテーマ(テンプレート)

【2021年版】SEOに強いWordPressテーマ(有料・無料)厳選比較

このページでは、ただオシャレなだけでないSEOに強いWordPressテーマを有料のものから無料のものまで厳選して紹介します。 これからブログやアフィリエイトサイトを運営してお金を稼ぎたいと思っている …

ソースコード

【WordPress】記事にソースコードを表示する方法を比較解説

ブログでHTMLやCSS、PHPなどのソースコードを紹介したいときは、エディタのように行番号や色を付けて紹介することができる「Syntax Highlight(シンタックス・ハイライト)」を使うと便利 …

【MixHost】WordPressのインストール方法

MixHostでWordPressをインストールする方法を解説します。 目次 1. はじめる前に準備すること1.1. 1. 独自ドメインを取得する1.2. 2. レンタルサーバーを契約する1.3. 3 …

レンタルサーバー

レンタルサーバーを比較!2018年にブログをはじめる方は必読

ブログを運営するうえで、ドメインの次に準備(契約)するのがレンタルサーバーです。 無料ブログを使うという手もありますが、今回はレンタルサーバーを使おうと思っている方に向けてオススメのレンタルサーバーを …

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

ブロガーとアフィリエイターの違いって何?大御所の発言(比較・まとめ)

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

スポンサー

PROFILE

zakker

Zakker(ザッカー)

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