contenteditable属性：コンテンツを編集可能にする

 という属性をtrueに設定することで、その要素を

ブラウザ上で編集することが可能

その属性が適応されている場所をクリックするとテキストエディタのように文字の入力、削除ができ、別の場所をクリックすると編集モードは終了します。

編集内容は保存されるわけではないため、

画像はdivにcontenteditable属性を設定した場合のもの

body要素にcontenteditable属性を付与する

は以下のようなものになります。

デバッグの際などに文言の変更などがしやすくなると思います。

javascript:(function(b){b.contentEditable=!b.isContentEditable;})(document.body);