見出し画像

Safari風?Chromeで気をそらすものを非表示にする簡単な方法

インターネットを使うとき、余計な要素に気を取られてしまうことってありますよね。
Safariには「気をそらすものを非表示にする」機能がありますが、実はChromeでも似たようなことができるんです!
この記事では、簡単な手順を使って、気をそらす要素を非表示にする方法を解説します。
今回は例として、Googleのトップページからロゴを消してみます。
(Googleさん、ごめんなさい!)


手順


1. Chromeのデベロッパーツールを開く

ショートカットキーで簡単に開けます。
WindowsならCtrl + Shift + I、MacならCmd + Option + Iを押してください。



2. 該当する要素を選択

開いたデベロッパーツールの左上にある矢印アイコンをクリックします。

次に、非表示にしたい要素(今回はGoogleロゴ)をクリックします。

消しゴムマジックではありません、、



3. 選択したHTML部分を確認

デベロッパーツールに、選択した要素のHTMLコードがハイライトされます。



4. 要素を削除する

ハイライトされたコードを右クリックして、「要素を削除」を選択します。


5. 完成!

ロゴが非表示になりました!

今回はGoogleのロゴで実験しました。
リロードすれば戻ります!

これで、煩わしい要素を取り除いてスッキリした画面を楽しむことができます。作業中や集中したいときにぜひ試してみてください!

(この記事はChatGPTを使用しています)

お知らせ

ココナラでサービスを販売中です!
ぜひ私のページをご覧ください!


いいなと思ったら応援しよう!