Mise à jour de fichiers en utilisant l'outil Developers / Firebug

Question

Yat-il un moyen par lequel je peux enregistrer les modifications apportées à l'outil développeurs Chrome ou Firebug directement dans le fichier ?? En supposant que j'ai accès en lecture / écriture à ce fichier.

Ou, est-il un outil de développement (s) qui peuvent mettre à jour les changements d'une manière similaire (ou interface utilisateur similaire) ??

Answer 1

Oui, dans Firefox, si vous utilisez également l'excellent Développeur Web add-on ...

En utilisant cette add-on, sélectionnez Afficher la source -.> Voir le code source généré Cela ouvrira l'état actuel du code HTML « fichier » ¹ tel que modifié par JS et par toutes les modifications à la main que vous avez faites dans Firebug.

Dans la fenêtre qui apparaît, vous pouvez « enregistrer sous » le fichier, ou copier-coller comme on le souhaite.

Notez que ce fichier généré aura un grand nombre de styles Firebug (facilement identifié) et peut avoir style attributs définis sur des éléments de JS.

¹ Malheureusement, il ne capture pas des modifications aux fichiers CSS ou JS qui sont liés à.
Pour cette raison, lorsque peaufinage avec Firebug, je aime changer CSS et JS en ajoutant des règles de style et le code HTML du « fichier ».
Une fois la page regarde / agit près de ce qui est souhaité, les changements sont snapshotted par Voir le code source généré , puis fusionné dans les fichiers liés en tant que de besoin.

Answer 2

Dans les outils de développement Chrome, il est possible de sauvegarder les fichiers modifiés CSS et JavaScript à partir du panneau Sources et voir quels changements (diffs) ont été apportées à ces fichiers.

Par exemple:

1. Ouvrir un fichier JavaScript ou CSS dans le panneau Sources.

2. Cliquez dans la source.

3. effectuer des modifications.

4. Appuyez sur Commande-S ou Ctrl-S pour enregistrer les modifications.

5. Faites un clic droit sur le code source (ou dans les sources du panneau Sources arbre) et sélectionnez Modifications locales pour afficher versioning.

6. Faites un clic droit, sélectionnez Enregistrer sous ... et choisissez un emplacement sur le disque pour enregistrer le fichier. Les sauvegardes suivantes économisera à cet endroit.

Answer 3

Il y a un projet Java pour Eclipse / Chrome:

http://code.google.com/p/chromedevtools/

Il est un débogueur JavaScript uniquement (vous ne voyez pas CSS ou d'un réseau, etc.), mais vous pouvez configurer votre projet Eclipse afin que le débogage et modifier les mêmes fichiers, (plus le montage en direct). La mise en place des fichiers source sont un peu délicat dans la version actuelle

http://code.google.com/p/chromedevtools/wiki/FeatureDebugOnRealFiles

(prochaine version est plus facile, espérons).

Avec JSDT ou Aptana ou tout autre support JavaScript, vous pouvez avoir un bon IDE + débogueur pour Chrome.

Answer 4

Non

. Le code que vous modifiez le code côté client rendu. Il n'y a aucun moyen d'influer sur le code côté serveur via le navigateur. Dans tous les cas, les sur le côté serveur sémantique d'une telle opération vraiment briser vers le bas si le fichier sous-jacent (s) est / sont non-statique.