PC でお気に入りのインターネット ブラウザを起動すると、通常、豊富なプログラミング知識を持つ専門家によって設計されたさまざまな Web ページにアクセスします。 最新のニュースを入手するため、Web アプリケーションを使用するため、またはゲームをプレイするためなど、これらの広く使用されているプログラムは、技術初心者と上級ユーザーの両方に対応しています。 驚くべきことに、ブラウザは多くのユーザーが気づいていない機能を提供していることが多く、それらを利用するのにプログラミングや Web デザインのスキルは必要ありません。 この記事では、最新の Web ブラウザで利用できる便利な機能を使用して、ブラウザから Web ページのコンテンツを直接編集できるようにする簡単なトリックを紹介します。
これを実現するために、Google などのブラウザに一般的に搭載されている機能である、ブラウザに組み込まれた開発ツールの力を利用します。 クロム, Microsoft エッジ（Edge）、モジラ Firefoxの。 この開発ツールは通常、Web デザイナーや開発者がプロジェクトをテストするために、またはアクセスする Web サイトをより詳細に制御したい技術に精通したユーザーによって使用されます。
簡単なブラウザ コマンドであらゆる Web サイトを編集
この開発ツールにアクセスするには、通常、変更する Web ページを表示しているときに F12 キーを押す必要があります。 押すと、さまざまなタブに分かれた新しいウィンドウが画面に表示されます。 この場合、「コンソール」タブに焦点を当てます。ここに特定のコマンドを入力して、現在の Web サイトのコンテンツを編集します。
使用する必要があるコマンドは次のとおりです。
document.designMode = 'on'
デフォルトでは、このコマンドはブラウザで「オフ」に設定されているため、Web サイトを編集できません。 ただし、[コンソール] タブで上記のコマンドを実行すると、編集機能が有効になります。 その後、必要に応じてコンテンツを選択して変更できます。
これにより、Web サイトのテキストの変更や画像の削除などの可能性が広がり、特定のページをテストしたり、友人や家族に無害ないたずらを準備したりするのに最適です。 この編集機能を利用するには、あなたの創造力が限界です。
一時的な変更
行う変更は一時的かつローカルなものにすぎないことに注意することが重要です。 これらはあなたの PC にのみ影響し、サーバーや他のユーザーが閲覧するコンテンツには影響しません。 元の Web サイトのコンテンツに戻したい場合は、F5 キーを押してページを更新し、加えたすべての変更を元に戻します。 一瞬「ハッカー」になったような気分になるかもしれませんが、基本的には他のデバイスに影響を与えることなく、自分のデバイスで Web ページを変更していることになります。