📚

サイトの画面を直接編集する方法

コンソールにコードを入力

開発者画面を開いて(F12)コンソール画面を表示させたら下のコードを入力します。

document.designMode='on'

あとは編集したい文字などにカーソルを合わせてキーボードで入力することで直接編集することができます。またこのコマンドはIEやSafari・Chromeなどほとんどのブラウザに対応しています。

余談ですが、編集をやめたいときはブラウザを一度閉じるか、下のコードをコンソールに入力することで解決します。

document.designMode='off'

WEBデザインブログ「Koblog」の管理人。現役高校生。趣味は音楽鑑賞とネットサーフィン・読書。主にWEBデザイン・プログラミング・GatsbyJS・はてなブログ関連のことについて発信していきます。投げ銭をしてくれる方を募集しています。

donation