Google ChromeでHTMLのソースコードを編集する

要素、それはあなたのソースを表示する必要があります。任意の要素を右クリックして、Ctrl+Shift+I or F12

Edit:

あなたが望むもののように見えるいくつかの拡張機能があります。 https://chrome.google.com/extensions/search?itemlang=&q=editor

Edit as HTML ChromeEditor Live WebSite Editor は有望そうです。

Added by barlop (ctrl-shift-I / F12 の後)、<HTML..> or </HTML> タグを右クリックして “edit as html” をクリックすると、その中のどこでも編集できるようになります。オープニングタグを選択すると、編集用のポップアップがそこにあるすべてのhtmlソースをカバーすることになります - 編集時のスペースの点で非常にすっきりしています。終了タグを選択すると、ポップアップがhtmlの下に表示されるので、before/afterを見ることができるので便利かもしれません。あるいは、ベンジャミンが言うように、F2で編集し、ctrl-enterでコミットするのが良いでしょう。

1. DevToolsを開く
2. Elementsパネルを開く
3. htmlやbodyなどの要素を選択する
4. Escでコンソールを開く
5. write $0.contentEditable = true

これでページ上のテキストを編集したり、画像を移動したりすることができますが、それはあなたが本当にしたいことではありません :)

HTMLソースとして編集したい場合は、以下のようにします:

1.左側の「ソース」タブを選択 2.「ソース」ペインで右クリックし、「ワークスペースにフォルダを追加」を選択し、HTMLソースファイルのあるフォルダを追加 3.編集したいHTMLファイルを右クリックし、「ネットワークリソースにマップ」を選択します。

このInlineEditorを使って、ブラウザページの静的なHTMLを編集して保存する方法を試してみてください。