Comment changer éditeur de code source de la page web par défaut des navigateurs

Aimez-vous plonger dans le code d`une page Web juste pour voir comment il a été mis en place? En tant que web designer en herbe une fois, il était une habitude pour moi. Je crois que beaucoup de gens vont toujours dans le code source d`une page Web. Il est un excellent outil d`apprentissage. Je le fais encore parfois juste pour voir comment un fichier multimédia a été embedded- ou pour des informations de commentaire intéressant ou juste pour voir les données méta-tag intéressantes.

Video: TUTO :comment modifier une page Web html ( codage)

Mais pour les gars sérieux, le code source est souvent une mine d`informations. Il est la porte dérobée dans les stratégies de référencement d`un concurrent - l`utilisation des mots clés, optimisation de la conception, etc. En bref, ce qui est le gars en train de faire et qu`est-ce qu`il fait mal.

Chaque navigateur a une visionneuse intégrée, un peu comme un bloc-notes. On trouve couramment sous la Vue menu, il affiche le code source côté client au contact d`une souris. Généralement cependant, il n`est pas riche en fonctionnalités. Par exemple, une fonction pour changer le visage de la police aurait été agréable. En outre, un simple ajout d`un commentaire avant d`enregistrer le fichier n`est pas possible, car il est généralement en lecture seule. Il est simplement censé être un spectateur » | le mot « ~editor » un peu mal choisi.

Pouvons-nous obtenir le navigateur pour utiliser l`éditeur de notre choix? Heureusement, la plupart des navigateurs eux-mêmes sont ouverts à l`idée. Voici comment nous pouvons imposer notre choix sur Firefox, Internet Explorer et Opera.

Mozilla Firefox

visualiseur par défaut de Firefox 3 est accessible à partir Voir - Page Source. Il a des options de base pour changer la taille du texte, la coloration syntaxique et une fonction pour envelopper les longues lignes. Une caractéristique que j`aime est que Firefox me permet de voir la source d`une zone sélectionnée de la page Web (Faites un clic droit - Voir la source de sélection).

Mais choisir un autre éditeur, nous allons faire ceci:

1. Type about: config dans la barre d`adresse. Ignorer l`alerte qui vient et aller de l`avant.
2. Dans les préférences de l`application page, faites défiler la moitié inférieure de la page ou navigateur de l`utilisation Trouver (CTRL + F) pour rechercher deux valeurs.
3. Et mettre en surbrillance view_source.editor.external. Double-cliquez et bascule à « true ».
4. Ensuite, juste en dessous et mettre en surbrillance view_source.editor.path. Double-cliquez dessus et entrez le nouveau chemin de votre éditeur préféré dans la Entrez chaîne zone de valeur. Si le chemin n`existe pas ou est exécutable, le spectateur intégré sera utilisé.

C`est fait!

Video: [Tuto] Comment modifier un site web avec un code javascript ? (HD/1080p)

Firefox a une foule d`add-ons qui aident à obtenir sous le capot d`une page Web. Ann Smarty, un collègue ici à MakeUseOf a couvert sept d`entre eux tout à fait globalement dans un poste extérieur à SearchEngineJournal.com. Sur les 7 add-ons mentionnés, seulement Source View Formaté est pas mis à jour pour la dernière version du navigateur.

Internet Explorer

Le spectateur source de IE8, accessible à partir de Voir la source ne pas ajouter quelque chose de plus que les options standard. Mais le intégré Outils de développement fonction donne IE8 quelques dents supplémentaires et nous, une option d`avoir un éditeur de notre choix.

Developer Tools est un débogueur qui fait disséquer une page Web et ses éléments inclus comme CSS, javascript et HTML beaucoup plus facile. Les outils de développement peuvent être ouverts par « »

• Ouvrez IE8. presse F12
• Ou sur la Menu Cliquez Outils - Developer Tool.

Il est un outil puissant et d`expliquer cela nécessiterait quelques tutoriels de lui-même. Ici, nous voulons juste changer l`éditeur de code source.

1. Ouvrez Internet Explorer.
2. appuie sur le F12 bouton pour démarrer la Outils de développement.
3. Cliquer sur Fichier- Choisir Personnaliser Internet Explorer Afficher la source.
4. Trois options sont présentées: Viewer Par défaut, le Bloc-notes, Autre » |
5. Vous pouvez utiliser le Bloc-notes ou sélectionnez Autre pour un éditeur de votre choix. Accédez à l`emplacement de votre programme, sélectionnez le fichier exécutable du programme et cliquez sur Ouvrir pour le mettre en place le nouveau rédacteur en chef.

Opéra

Opera v9.64 ne vous permet de modifier et de les appliquer à la volée dans son éditeur de code source. L`éditeur de source est disponible à partir Voir la source. Opera vous donne également la possibilité de changer la valeur par défaut et il est facile.

1. Sur le Menu, cliquer sur Outils - Préférences.
2. Dans préférences, sélectionnez le Onglet Avancé. En dessous de Programmes, cliquer sur modifier pour Choisissez l`application pour la source de visualisation.
3. Opera nous donne trois choix,
4. le spectateur source Opera - utiliser l`un intégré.
5. Ouvrir avec l`application par défaut - indiquer le chemin de votre application préférée.
6. Ouvrir avec une autre application - Vous pouvez consulter le programme de votre choix, sélectionnez son exécutable et le définir comme l`éditeur. Vous pouvez également fixer les paramètres de lancement du programme dans le Paramètre champ.
7. Cliquez D`accord de fermer les options de visionneuse de source et définir les changements.

Une courte note sur Google Chrome ...

Google Chrome ne nous permet pas de changer le spectateur source par défaut (encore!). Chrome a une DéveloppeurLa section « sous l`icône de la page, où vous pouvez voir la source de la page courante, utilisez la fonction de débogage javascript et ouvrir une console javascript. Le spectateur source lui-même est avec minimalistic la coloration syntaxique, les numéros de ligne et des liens actifs.

L`option de source de vue est semblable à un kit de diagnostic, en particulier pour un développeur web. Par conséquent, il est logique d`utiliser les meilleurs que sur la table comme par exemple Notepad ++, SourceEdit, ou même des éditeurs HTML dédiés, mais maigres comme Homesite (bon, mais pas libre). Pour plus d`options regarder gratuitement 3 éditeurs de texte de Windows pour les programmeurs.3 éditeurs de texte de Windows pour les programmeurs3 éditeurs de texte de Windows pour les programmeursLire la suite

Comme nous parlons du « ~language de code » pourquoi ne pas également au poste de Damien sur les outils à nettoyer les fichiers CSS.

Avez-vous changé votre lecteur source / éditeur? Ou êtes-vous coller à la valeur par défaut? Aussi laissez-nous savoir votre propre éditeur de choix.