Sauvegarde du DOM / HTML manipulé après l'avoir modifié avec Firebug

Supposer que j'ai tiré de Firefox avec Firebug activé sur un site au hasard (dire slashdot.org). Après le chargement du site, j'ai commencer le montage de la page à l'aide de la Firebug > HTML panneau. So far So good: mes modifications sont immédiatement visibles dans Firefox.

Mes questions:

  • Comment puis-je sauvegarder le fichier édité arborescence DOM (HTML)?
  • Comment puis-je charger un déjà manipulé arborescence DOM/HTML fichier dans le "contexte" de la page (slashdot.org dans l'exemple)? Je veux le contexte d'origine, de sorte que toutes les références d'entités (CSS, images, etc.) vous permettra de charger correctement.

source d'informationauteur knorv

  1. 7

    Vous ne pouvez pas enregistrer de l'arbre en soi, seulement le code HTML. Sélectionnez la balise racine, cliquez avec le bouton droit et sélectionnez Copy HTMLpuis le coller dans un éditeur de texte et l'enregistrer dans un fichier HTML.

  2. 7

    Comment puis-je sauvegarder le fichier édité arborescence DOM (HTML)?

    Firebug ne contiennent pas de méthode qui peut être utilisée pour enregistrer les DOM actuel de fichier. Toutefois, vous pouvez utiliser Firebug en conjonction avec l'extension Web Developer pour enregistrer le DOM de fichier (HTML).

    Après vous avez terminé la manipulation du DOM dans Firebug, choisissez Web Developer (toolbar at the top) > View Source > View Generated Source > Archive > Save Page As....

    Comment puis-je charger un déjà manipulé arborescence DOM/HTML fichier dans le "contexte" de la page (slashdot.org dans l'exemple)? Je veux le contexte d'origine, de sorte que toutes les références d'entités (CSS, images, etc.) vous permettra de charger correctement.

    Firebug ne contient aucune méthode de re-lire préalablement enregistré arborescence du DOM dans le "contexte actuel" de la page. Cependant, si l'on utilise Firebug avec l'extension Web Developer, nous pouvons réaliser la fonctionnalité requise. Il suffit d'ouvrir le HTML précédemment enregistré dans un éditeur de texte tel que le bloc-notes et copiez le code HTML sur la carte de clip. Ensuite, choisissez Web Developer > Miscellaneous > Edit HTML et collez le code HTML. Fait!

  3. 2

    Je ne suis pas sûr de ce que vous entendez par "contexte", mais vous pourriez essayer d'ajouter les éléments suivants à la tête de l'HTML enregistré.

    <base href="http://slashdot.org/" />
  4. 1

    Lorsque vous êtes dans la section HTML de firebug, il y a un bouton "Modifier" dans la barre juste en dessous de "gendarme" de la barre d'outils principale. En cliquant sur ce bouton vous donne un texte simple vue de l'HTML (avec les modifications que vous avez fait) que vous pouvez copier dans un éditeur de texte.

  5. 1

    Je pense que c'est une bonne question, en bref, firebug n'est pas fait pour "garder" vos modifications, je vous suggère de trouver un flux de travail où vous n'êtes jamais trop "profond" dans une page. Une chose est de sauver le HTML mais l'enregistrement de votre édité CSS est encore plus difficile. Voici mes solutions à vos questions:

    1. Cliquez sur la balise HTML, cliquez sur Modifier. Copier et coller dans un fichier texte.

    2. Vous ne pouvez pas recharger firebug manipulé HTML. Vous pouvez toutefois copier les manipulés HTML après vous êtes satisfait de vos résultats (ou malheureux). Le garder sur votre carte de clip pour le copier dans un fichier texte et puis quand vous voulez l'utiliser à nouveau, vous devez les copier dans le firebug modifier la console.

  6. 1

    Essayer cssUpdater, il se compose d'une extension de FireFox sur l'écoute de votre FireBug css changements sur une socket serveur et vous permettent de synchroniser votre original source de css, fichiers. Vous devez installer l'application de Bureau ainsi.

    Donc un flux de travail serait:

    1. Modifier dans FireBug
    2. Cliquez sur synchroniser dans cssUpdater
    3. Recharger votre site et de voir que vos modifications est enregistré

    Vous pouvez le tester et l'utiliser ici, http://www.cssupdater.com

  7. 0

    Fichier → Enregistrer la Page sous... permettra d'économiser votre édité balisage HTML, mais il semble que vous peut économiser de Firebu contenu généré (je pense exactement ce dépend de votre version de Firebug).

  8. 0

    Une chose que vous pouvez faire est de sélectionner la page web (clic droit, sélectionner tout dans le menu contextuel), puis choisissez-en Vue de la Sélection de la Source. Cela devrait vous montrer l'modifié le code HTML dans une fenêtre source que vous pouvez ensuite copier et de les enregistrer dans un éditeur. Vous pouvez obtenir quelques autres trucs supplémentaires ajoutés par Firebug, vous pouvez le supprimer dans votre éditeur de texte.

  9. 0

    Vous pouvez configurer un éditeur externe. Ouvrir firebug, sur la gauche vous avez firebug icône, appuyez dessus et cliquez sur ouvrir dans l'éditeur, puis configurer les éditeurs. Il fonctionne avec Gedit et Bluefish.

    Pour configurer gedit:
    ouvrir FireBug de configurer l'éditeur et cliquez sur ajouter
    nom il gedit et puis recherchez le fichier exécutable dans '/usr /bin' et sélectionnez ou tapez dans gedit.
    Vous pouvez tester la configura avant de l'enregistrer.