HTML broncode bewerken met Google Chrome

Ctrl+Shift+I or F12 -> Elementen, Het zou je bron moeten laten zien. Klik met de rechtermuisknop op een willekeurig element en klik op Edit as HTML

Bewerk:

Er zijn enkele extensies die lijken op wat je wilt: https://chrome.google.com/extensions/search?itemlang=&q=editor

ChromeEditor Live WebSite Editor zien er veelbelovend uit.

Toegevoegd door barlop zie ik dat (na ctrl-shift-I / F12), rechts klikken op de <HTML..> or </HTML>-tag en klikken op “edit as html”. laat me toe om overal in de tag te bewerken. Het kiezen van de openingstag betekent dat de popup voor het bewerken gewoon alle html-bron die er is bedekt - wat erg netjes is qua ruimte bij het bewerken. Het kiezen van de closing tag kan nuttig zijn omdat de popup dan onder de html verschijnt, zodat je een voor/na ziet. Of beter, zoals benjamin zegt, F2 om te bewerken, ctrl-enter om te committen.

1. open DevTools.
2. open Elements panel.
3. selecteer html of body of een ander element dat je wilt.
4. open console door Esc.
5. schrijf $0.contentEditable = true

nu kun je tekst op de pagina bewerken en afbeeldingen verplaatsen maar het is niet dat je echt wilt :)

Als u het bestand als html-bron (en niet als afzonderlijke elementen) wilt bewerken, kunt u het volgende doen:

1. selecteer de tab ‘Bronnen’ aan de linkerkant
2. klik met de rechtermuisknop in het deelvenster ‘Bronnen’ en selecteer ‘Map toevoegen aan werkruimte’ en voeg map met bron HTML-bestand toe 3. klik met de rechtermuisknop op het html-bestand dat u wilt bewerken en selecteer ‘map naar netwerkbron’.

U kunt deze InlineEditor uitproberen om statische html te bewerken en op te slaan in browserpagina’s. Hier is de demo