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

執筆者:

関連記事

ウェブサイトブロッカー

ウェブサイトブロッカー(Chrome拡張機能)を使って閲覧制限

デスクワークをしていると、いつの間にかTwitterやニュースサイトをダラダラ見てしまっていて、アッという間にお昼休みなんてことはありませんか? あれ、今日ネットサーフィンばっかりしてて全然仕事してな …

WordPressコメント機能

【WordPress】コメント機能を無効化(非表示・削除)する方法

WordPressにはコメント機能が標準で設置されています。 コメント機能は読者の方とコミュニケーションを図るうえでとても便利な機能なのですが、ブログを運営していると、スパムコメントが入ってきたり、嫌 …

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

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

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

ソースコード

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

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

WordPress OGP Twitterカード

【WordPress】OGPとTwitterカードをプラグイン無しで設定する方法

ブログを運営していくうえでFacebookやTwitterを ブログを見てもらうための集客ツール 読者と交流するためのコミュニケーションツール として利用したいと思う方は多いでしょう。 その中でも一番 …

スポンサー

PROFILE

zakker

Zakker(ザッカー)

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