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. 「ブログを最低1年継続すること」をここにを宣言します! ブログをはじめることにしました。 ドメインを …

Twitterフォローボタン

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

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

WordPress XMLサイトマップ

【WordPress】XMLサイトマップの作り方とGoogleへの送り方

ブログをはじめようとWordPressのセットアップをしていると、やることが多すぎて細かい設定を忘れがち。 このXMLサイトマップも見落としがちな設定のひとつですね。 はじめてWebサイトやブログを運 …

アイコン

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

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

ウェブサイトブロッカー

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

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

スポンサー

PROFILE

zakker

Zakker(ザッカー)

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