Nous mettrons à jour notre Politique de confidentialité prochainement. En voici un aperçu.

Dreamweaver CS6 : Les nouveautés

Enfin, une console JavaScript

Testez gratuitement nos 1336 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Vous verrez une dernière petite touche qui n'en sera pas des moindres pour qui code JavaScript dans le texte. Finis les allers-retours avec un navigateur doté d'une extension Web Developer pour afficher la console ! Dorénavant, l'aperçu en direct vous propose les mêmes services. Il est donc possible de déboguer plus sereinement sans devoir quitter Dreamweaver.
03:11

Transcription

Une nouveauté de cette dernière version qui peut intéresser les plus développeurs d'entre nous, va être l'utilisation d'une console de sortie sans avoir à quitter le mode En direct de Dreamweaver. Alors pour la mettre en évidence, on va enregistrer un fichier ici. Je vais l'enregistrer dans un dossier que j'appelle log, et je vais l'appeler sortie, voilà. On peut lui donner un titre ici. Voilà. Donc pour le mettre en évidence, on va simplement écrire une balise script, à l'intérieur de notre page. Et on va venir placer une variable javascript. Par exemple, var maintenant = new Date. On va demander d'afficher cette valeur dans la console javascript ici et on va demander maintenant : .toTimeString. Voilà, ça me va très bien ici. Alors, jusqu'à présent pour tester cette valeur-là, il fallait passer dans un navigateur et dans une barre web developer, quel que soit le navigateur pour pouvoir afficher cette information envoyée vers la console. Alors, ici maintenant, je vais simplement enregistrer et ouvrir la fenêtre de Résultat, dans la partie Rapport du site. Donc : Fenêtre, Résultat, Rapport du site. La fenêtre s'ouvre, je passe en mode En direct et maintenant, vous voyez qu'instantanément, la partie de Rapport de site me renvoie directement à ces informations. Si je donne un peu plus d'espace ici, on va pouvoir récupérer le nom du fichier, sur lequel l'interception s'est faite, la ligne sur laquelle cette interception a eu lieu et le message de sortie ici qui m'affiche directement l'heure sous forme de chaîne de caractères. Alors, il est vrai qu'on ne peut pas forcément bien mettre en évidence toutes ces informations ici sur un simple petit script, mais si vous débuggez des énormes scripts que vous avez écrits, c'est très simple parce qu'on voit dans quel fichier le script a été intercepté, le message d'écriture dans la console a été mis en place, à quelle ligne du script ça apparaît. Et bien entendu, en double cliquant, on peut directement accéder à cet élément-là. Si vous avez beaucoup d'informations qui vont sortir et que vous avez besoin de débugger plus tranquillement, vous pouvez enregistrer le rapport ici. Et si vous en avez plus besoin, on peut aussi avec un clic droit, venir effacer les résultats. Quand vous avez terminé avec cette console, vous pouvez, avec un clic droit ici, fermer le groupe d'onglets pour récupérer un peu de place. Voilà donc quelque chose qui n'est pas très, très volumineux à démontrer, qui est simple à mettre en application, mais qui va être très utile, surtout si vous écrivez du code personnel, au sein de Dreamweaver. Donc, on peut le voir directement dans le menu En direct. L'aperçu En direct depuis le menu Fenêtre, Résultat, Rapport du site. On n'est plus obligé d'exporter vers un navigateur et utiliser une tierce partie de type web developer pour pouvoir afficher ces résultats.

Dreamweaver CS6 : Les nouveautés

Allez à la découverte des nouveautés de Dreamweaver CS6, qui gravitent autour du développement d’applications mobiles, de la pluri-distribution et de sites Internet réactifs.

3h16 (40 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Spécial abonnés
Date de parution :23 avr. 2012
Mis à jour le:5 avr. 2017

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !