Web サイトをブラウザで編集：document.designMode = 'on'

Web サイトをブラウザで編集する方法を紹介します。

手順 (Chrome で試しています)
1. 任意のサイトに移動します。

2.「その他のツール」→「ディベロッパー ツール」を起動します。


3.「コンソール」タブで「document.designMode = 'on'」を入力します。


4. Web サイトを編集できるようになります。
以下は、表示されている文字を編集したところです。
4.1.「約 377,000,000 件」と表示されているところにカーソルーを合わせ編集します。


4.2.「約 0 件」と編集しました。


以下は、画像の場所を移動したところです。
4.a. 画像を選択し、移動したい場所までドラッグ＆ドロップします。


4.b. 画像が移動されました。


補足
この方法での編集は、クライアント側の編集のため、Web サイトをリロードすると元に戻ります。