web-dev-qa-db-fra.com

Modification du code source HTML avec Google Chrome

Dans Internet Explorer, je peux ouvrir un fichier .html local et le modifier en sélectionnant "Source" dans le menu "Affichage", "effectuer une modification rapide, puis" Actualiser "(recharger) la page Web.

Comment puis-je faire cela avec Google Chrome?

Puis-je ouvrir le fichier .html dans le Bloc-notes Windows? (J'aime le bloc-notes parce que c'est très rapide.)

google-chromebrowserhtmlnotepad
34
barlop

Ctrl+Shift+I or F12 -> Éléments, il devrait montrer votre source. Faites un clic droit sur n'importe quel élément et cliquez sur Edit as HTML

Modifier:

Certaines extensions ressemblent à ce que vous voulez: https://chrome.google.com/extensions/search?itemlang=&q=editor

ChromeEditor & Live WebSite Editor semblent prometteurs.

Ajouté par barlop
Je vois cela (après ctrl-shift-I/F12), en cliquant avec le bouton droit de la souris sur la balise <HTML..> or </HTML> et en cliquant sur "edit as html". me permet d'éditer n'importe où en son sein. Le choix de la balise d'ouverture signifie que le menu contextuel pour l'édition ne couvre que toutes les sources HTML présentes, ce qui est très soigné en termes d'espace lors de l'édition. Choisir la balise de fermeture peut être utile car la fenêtre contextuelle apparaît alors sous le code HTML pour que vous voyiez un avant/après. Ou mieux, comme dit benjamin, F2 à éditer, ctrl-enter à commettre.

27
Casual Coder
  1. ouvrez DevTools.
  2. ouvrez le panneau des éléments.
  3. sélectionnez html ou body ou un autre élément de votre choix.
  4. console ouverte par Esc.
  5. écrire $ 0.contentEditable = true

vous pouvez maintenant éditer du texte sur la page et déplacer des images, mais ce n'est pas ce que vous voulez vraiment :)

23
loislo

Si vous souhaitez modifier le fichier en tant que source html (et non des éléments individuels), vous pouvez procéder comme suit:

  1. sélectionnez l'onglet 'Sources' sur le côté gauche
  2. faites un clic droit dans le volet "Sources" et sélectionnez "Ajouter un dossier à l'espace de travail", puis ajoutez un dossier avec le fichier HTML source.
  3. faites un clic droit sur le fichier html que vous souhaitez modifier et sélectionnez "mapper à la ressource réseau"
1
Paul Troon

Vous pouvez essayer cet InlineEditor pour éditer et sauvegarder du HTML statique dans les pages de navigateur, voici le demo

1
MKK