IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Le débogage JavaScript serait plus rapide et plus intelligent dans Firefox DevTools


Sujet :

JavaScript

  1. #1
    Chroniqueur Actualités

    Homme Profil pro
    Dirigeant
    Inscrit en
    Juin 2016
    Messages
    3 160
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Bénin

    Informations professionnelles :
    Activité : Dirigeant
    Secteur : Aéronautique - Marine - Espace - Armement

    Informations forums :
    Inscription : Juin 2016
    Messages : 3 160
    Points : 66 249
    Points
    66 249
    Par défaut Le débogage JavaScript serait plus rapide et plus intelligent dans Firefox DevTools
    Le débogage JavaScript serait plus rapide et plus intelligent dans Firefox DevTools
    à partir de la version Firefox 67

    Mozilla a annoncé cette semaine de nouvelles mises à jour dans Firefox DevTools, son outil de développement permettant d’examiner, de modifier et de déboguer du code HTML, CSS et JavaScript sur ordinateur ou sur mobile. Les mises à jour, a annoncé l'équipe de Firefox DevTools, concernent essentiellement le débogage avec Firefox DevTools et visent à apporter plus de fiabilité et de performance aux développeurs, surtout dans la construction des applications Web modernes. Avec cette nouvelle à jour, Mozilla a promis aux utilisateurs de Firefox 67 et les versions supérieures, une expérience de débogage solide.

    Le débogage de script est l’une des fonctionnalités de productivité les plus puissantes et les plus complexes de la boîte à outils d’un développeur Web. La mise à jour de Firefox DevTools pour Firefox 67 permet aux développeurs de bénéficier de plus de rapidité et de fiabilité dans leur processus de débogage et ainsi améliorer leur performance. D’après les explications de l’équipe de Firefox DevTools, les nouveautés dans DevTools tournent autour de quatre points essentiels notamment un temps de chargement désormais plus rapide, un support remodelé pour source map, une réduction des frais généraux lorsque le débogueur n’est pas ciblé et des correctifs pour corriger certains problèmes liés aux points d’arrêt perdus, aux pauses dans le mauvais script et bien d'autres encore.

    Le temps d’ouverture du débogueur est désormais de 30 % fois plus rapide que dans les versions antérieures. L’équipe de Firefox DevTools a expliqué avoir éliminé les pires performances qui ont rendu le débogueur lent à s’ouvrir, ce qui a permis de constater après des tests de performance que le débogueur est maintenant 30 % fois plus rapide. Ensuite, l’équipe a indiqué qu’un back-source source map remodelé et plus rapide donne l’illusion que vous déboguez votre code, pas la sortie compilée de Babel, Webpack, TypeScript, vue.js, etc.

    Nom : logpoints.gif
Affichages : 6592
Taille : 1,66 Mo

    Notons qu’une source map est un fichier grâce auquel le débogueur peut faire le lien entre le code exécuté et les fichiers sources originaux, permettant ainsi au navigateur de reconstruire la source originale et de l'afficher dans le Débogueur. La génération de sources map correctes pouvant être difficile, l’équipe a expliqué avoir mis au point des outils (Babel, Vue.js, etc.) au profit de l’ensemble de l’écosystème. Grâce au support source map plus rapide (et à d’autres travaux supplémentaires), les prévisualisations sont maintenant affichées beaucoup plus rapidement lorsque vous passez la souris sur une variable pendant que l'exécution est suspendue.

    D’un autre côté, en combinant les sources map avec l'analyseur Babel, le débogueur de Firefox peut désormais prévisualiser les variables d'origine qui vous intéressent et masquer les informations inutiles des compilateurs et des bundles. Cela peut même fonctionner dans la console, en résolvant automatiquement les identifiants conviviaux en leurs noms réels et détaillés en arrière-plan. En raison de ses performances, vous devez activer cette fonctionnalité séparément en cochant la case “Map” dans le panneau “Scopes” du débogueur.

    À part cela, dans cette mise à jour de Firefox DevTools, de nombreux bogues de longue date au sein de l'architecture du débogueur ont été corrigés en résolvant certains des problèmes les plus courants et les plus frustrants liés aux points d'arrêt perdus et aux pauses dans le mauvais script. L’outil est également amélioré pour permettre aux développeurs JavaScript de déboguer de façon plus transparente.

    De même, a expliqué l’équipe de Firefox DevTools, les développeurs Web utilisent aujourd’hui le Web moderne et doivent être en mesure de bénéficier des concepts de premier ordre dans DevTools. À l'aide du nouveau panneau Threads, vous pouvez basculer entre différents contextes d'exécution et les suspendre indépendamment. Cela permet aux scripts d'être débogués dans le même panneau Debugger, de la même manière que d'autres navigateurs modernes.

    Tout ceci dit, certains estiment que l’outil de développement Web de Firefox a encore du retard à rattraper sur celui de Chrome. Selon eux, ils manquent encore certaines fonctionnalités à Firefox DevTools qu’on observe dans Chrome DevTools comme le débogage des sockets Web. « Corrigez-moi si je me trompe, mais je crois que le débogage de socket Web n'est pas pris en charge par Firefox DevTools. Je me suis heurté à cela au cours d’un de mes travaux. Chrome me montre quelles requêtes sont envoyées sur des websockets, mais pas Firefox non », a déclaré l’un d’entre eux.

    Chrome DevTools, rappelons-le, est un ensemble d’outils de développement Web directement intégrés au navigateur Google Chrome. Chrome DevTools peut vous aider à modifier des pages à la volée et à diagnostiquer rapidement les problèmes, ce qui vous aide finalement à créer de meilleurs sites Web, plus rapidement.

    Source : Mozilla

    Et vous ?

    Qu'en pensez-vous ?
    Quelle est votre préférence entre Chrome DevTools et Firefox DevTools ? Pourquoi ?

    Voir aussi

    Firefox 67 : Mozilla prévoit d'ajouter une nouvelle technique anti-fingerprinting appelée letterboxing, empruntée au navigateur Tor

    Firefox 68 Nightly et Firefox Bêta 67 débarquent avec des protections intégrées contre le fingerprinting et le cryptojacking

    La part de marché de Firefox augmente pour la deuxième fois consécutive en 2 mois. Le navigateur libre pourrait-il survivre auprès de Chrome ?
    Contribuez au club : corrections, suggestions, critiques, ... Contactez le service news et Rédigez des actualités

  2. #2
    Expert confirmé Avatar de Zefling
    Homme Profil pro
    Développeur Web
    Inscrit en
    Avril 2007
    Messages
    1 168
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Avril 2007
    Messages : 1 168
    Points : 4 654
    Points
    4 654
    Par défaut
    Voilà une bonne nouvelle.

    Actuellement je fais ça :
    - Firefox DevTools : CSS / HTML
    - Chrome DevTools : JS /Typescript

    Firefox a pas mal d'avance sur le CSS : Flex, Grid, Font, etc.
    Chrome est bien plus performant sur les JS bien lourd.

  3. #3
    Membre éclairé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Janvier 2016
    Messages
    188
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2016
    Messages : 188
    Points : 818
    Points
    818
    Par défaut
    Deboguer sous Chrome est bien plus pénible que sous Firefox.

  4. #4
    Expert confirmé
    Avatar de Doksuri
    Profil pro
    Développeur Web
    Inscrit en
    Juin 2006
    Messages
    2 450
    Détails du profil
    Informations personnelles :
    Âge : 54
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2006
    Messages : 2 450
    Points : 4 600
    Points
    4 600
    Par défaut
    @Kulvar , pour moi, c'est l'inverse debugger sous FF est penible
    La forme des pyramides prouve que l'Homme a toujours tendance a en faire de moins en moins.

    Venez discuter sur le Chat de Développez !

  5. #5
    Membre confirmé Avatar de steel-finger
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Janvier 2013
    Messages
    180
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels

    Informations forums :
    Inscription : Janvier 2013
    Messages : 180
    Points : 529
    Points
    529
    Par défaut
    Je suis avec Zefling pour dire que le débogage javascript sous FF laisse a désirer pour certaine chose.

    En tout cas c'est une très bonne nouvelle pour Firefox car il reste plus que lui en concurrence avec Chrome, Microsoft passe sous Chromium !

  6. #6
    Membre confirmé
    Homme Profil pro
    Fondateur
    Inscrit en
    Octobre 2002
    Messages
    445
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Fondateur
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Octobre 2002
    Messages : 445
    Points : 503
    Points
    503
    Par défaut
    Et en comparaison des outils de dév de Chrome, c'est plus rapide ?
    Développeur Java / Android.
    The Truth About Bitcoin : https://www.the-truth-about-bitcoin.com/
    In Bitcoin We Trust : https://inbitcoinwetrust.substack.com
    Retrouvez mes Apps Android : https://play.google.com/store/apps/d...01024188312025
    Tout sur le Bitcoin, la Blockchain et les Altcoins : https://www.toutsurlebitcoin.fr
    Devenez une meilleure de vous-même jour après jour : https://www.jedeviensmeilleur.fr

Discussions similaires

  1. Réponses: 3
    Dernier message: 21/02/2018, 14h03
  2. HHVM 3.10 serait plus rapide que PHP 7.0
    Par Olivier Famien dans le forum Langage
    Réponses: 5
    Dernier message: 21/01/2016, 20h23
  3. Réponses: 19
    Dernier message: 16/08/2010, 01h23
  4. Réponses: 19
    Dernier message: 16/08/2010, 01h23

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo