Ce navigateur n’est plus pris en charge.
Effectuez une mise à niveau vers Microsoft Edge pour tirer parti des dernières fonctionnalités, des mises à jour de sécurité et du support technique.
Découvrez et découvrez les nouvelles technologies et produits de développement web Microsoft Edge, notamment DevTools, les API et fonctionnalités de plateforme web, les Web Apps progressives et WebView2.
Cette page contient des liens vers de courtes vidéos, chacune axée sur une seule fonctionnalité et incluant une démonstration.
Microsoft publie régulièrement de nouvelles vidéos sur la chaîne YouTube Microsoft Edge, et elles sont également répertoriées ci-dessous.
Cliquez sur une miniature dans la liste suivante pour watch la vidéo correspondante sur YouTube.
Vous trouverez toutes les vidéos sur le développement à l’aide de Microsoft Edge sur la chaîne Microsoft Edge (@MSFTEdge) sur YouTube.
Le canal Microsoft Edge comprend les playlists suivantes :
8 février 2024
Les outils Console et Sources dans Microsoft Edge DevTools s’intègrent désormais à Copilot dans Microsoft Edge pour vous aider à comprendre les erreurs et le code source. Utilisez cette fonctionnalité pour obtenir de l’aide sur le débogage de votre code.
Voir aussi :
17 août 2023
La visionneuse JSON met en forme et met automatiquement en surbrillance les réponses et les fichiers JSON dans les onglets du navigateur. Lorsque votre serveur web répond à des requêtes HTTP avec des données encodées au format JSON, ces données ne sont pas toujours faciles à lire et sont parfois retournées sous la forme d’une seule ligne de texte. La visionneuse JSON modifie les données retournées pour faciliter la lecture. La syntaxe JSON est mise en surbrillance avec différentes couleurs, les propriétés de l’objet sont affichées sur leurs propres lignes et mises en retrait, et les objets peuvent être réduits ou développés.
Voir aussi :
24 juillet 2023
Couvre:
console.table().Voir aussi :
26 avril 2023
Couvre:
Voir aussi :
28 mars 2023
Couvre:
Voir aussi :
16 février 2023
Couvre:
prefers-color-scheme.Voir aussi :
17 janvier 2023
Couvre:
Voir aussi :
16 décembre 2022
Couvre:
Voir aussi :
8 novembre 2022
Couvre:
Voir aussi :
6 octobre 2022
Apprenez à utiliser l’outil Réseau dans Microsoft Edge DevTools.
Couvre:
Voir aussi :
3 octobre 2022
Couvre:
Voir aussi :
6 septembre 2022
Couvre:
Voir aussi :
1er septembre 2022
Cette vidéo légèrement plus ancienne (septembre 2022) montre l’interface utilisateur héritée pour DevTools :
Couvre:
Voir aussi :
5 août 2022
Couvre:
Voir aussi :
5 juillet 2022
Couvre:
Voir aussi :
21 juin 2022
L’outil Vue 3D de Microsoft Edge DevTools fournit une représentation en trois dimensions de la page web que vous inspectez. Utilisez l’outil Vue 3D pour déboguer les problèmes courants de développement web, tels que :
Voir aussi :
9 juin 2022
Comment sélectionner le langage d’interface utilisateur qui vous convient le mieux pour le codage et le débogage. Microsoft Edge DevTools prend en charge plus de 13 langues différentes.
Voir aussi :
1er juin 2022
Couvre:
Voir aussi :
<select> avec le nouvel <selectmenu> élément31 mai 2022
Le style <select> des éléments a été difficile. L’élément expérimental <selectmenu> (ou <selectlist>) promet de surmonter les limitations restantes en permettant aux développeurs web d’appliquer un style à toutes les parties de l’élément.
Mise à jour de juin 2024 : ce nouvel élément est encore expérimental. L’élément <selectmenu> a été renommé <selectlist> en 2023.
Voir aussi :
<selectlist> utilisateur<select> pour les éléments réels : billet de blog sur les éléments de style <select> et l’élément <selectmenu> .20 mai 2022
Chaque produit web rencontre des problèmes. L’outil Microsoft Edge DevTools Issues analyse la page web actuelle et signale les problèmes regroupés par type, notamment l’accessibilité, la compatibilité, les performances, etc.
L’extension Microsoft Edge DevTools pour Visual Studio Code rend les problèmes disponibles directement dans votre code source.
Les produits publiés peuvent avoir des problèmes. En fonction de vos commentaires, nous avons ajouté des méthodes utiles pour filtrer les problèmes. Vous pouvez désactiver les problèmes provenant de bibliothèques tierces et choisir les navigateurs sur lesquels afficher les problèmes.
Voir aussi :
12 mai 2022
Découvrez la fonctionnalité d’animations liées au défilement CSS et comment elle peut être utilisée pour créer un indicateur de progression de lecture sur une page web, sans utiliser JavaScript. Il s’agit d’une fonctionnalité de la plateforme web dans son ensemble, et pas seulement de Microsoft Edge.
Depuis le 21 juillet 2023, cette fonctionnalité n’est plus expérimentale et est désormais prise en charge dans Microsoft Edge sans indicateur. Description de 2022 : Les animations liées au défilement CSS sont une fonctionnalité expérimentale dans Microsoft Edge ; pour essayer cette fonctionnalité, accédez à edge://flags , puis activez le paramètre Fonctionnalités de plateforme web expérimentale .
Voir aussi :
5 mai 2022
Découvrez comment personnaliser DevTools en fonction de vos besoins. Couvre:
Voir aussi :
28 avril 2022
Le style des plages de texte sur le web est très utile, mais a toujours été une chose compliquée à faire.
L’API css Custom Highlight est l’avenir de la mise en surbrillance des plages de texte sur le web. Cette API fournit aux développeurs web des fonctionnalités JavaScript et CSS qui facilitent et rendent plus efficace le style de n’importe quelle plage de texte.
Voir aussi :
28 avril 2022
Couvre:
Voir aussi :
19 avril 2022
Couvre:
Voir aussi :
21 mars 2022
Couvre:
Voir aussi :
17 mars 2022
Microsoft Edge fournit un texte de remplacement généré automatiquement pour les images qui ne l’incluent pas. Le texte de remplacement généré automatiquement permet aux utilisateurs de technologies d’assistance telles que les lecteurs d’écran de découvrir la signification ou l’intention d’une image sur le web.
Beaucoup de personnes aveugles ou malvoyantes expérimentent le web principalement par le biais d’un lecteur d’écran : une technologie d’assistance qui lit le contenu de chaque page à voix haute. Les lecteurs d’écran dépendent de l’utilisation d’étiquettes d’image (texte de remplacement ou « texte de remplacement ») qui leur permettent de décrire du contenu visuel (comme des images et des graphiques) afin que l’utilisateur puisse comprendre le contenu complet de la page. Le texte de remplacement est essentiel pour rendre le web accessible, mais il est souvent négligé. Plus de la moitié des images traitées par les lecteurs d’écran ne disposent pas de texte de remplacement.
Voir aussi :
23 février 2022
Couvre:
Voir aussi :
1er février 2022
Couvre:
Voir aussi :
9 décembre 2021
Pour déboguer les fuites de mémoire DOM, utilisez l’une des options suivantes :
L’outil Éléments détachés vous permet d’examiner et de résoudre les fuites de mémoire DOM.
Des fuites de mémoire se produisent lorsque le code JavaScript d’une application conserve de plus en plus d’objets en mémoire au lieu de les libérer pour le nettoyage de la mémoire du navigateur. Nous avons créé l’outil Éléments détachés avec les développeurs Microsoft Teams, et il nous a déjà aidés à trouver et à corriger les fuites de mémoire sur un grand nombre de nos propres sites web et applications.
Voir aussi :
9 décembre 2021
Couvre:
Voir aussi :
8 décembre 2021
Couvre:
Voir aussi :
22 novembre 2021
L’équipe Microsoft Edge a spécifié et implémenté la nouvelle API EyeDropper en collaboration avec le projet open source Chromium. Envoyez vos commentaires à l’adresse Problèmes - WICG/pipeper | github.com.
De nombreuses applications créatives permettent aux utilisateurs de choisir des couleurs à partir de parties d’une fenêtre d’application ou même de l’écran entier, généralement à l’aide d’une métaphore de pipette. L’API EyeDropper permet aux auteurs d’utiliser une pipette fournie par un navigateur dans la construction de sélecteurs de couleurs personnalisés sur le web.
Voir aussi :
12 novembre 2021
Couvre:
Mise à jour : à compter de Microsoft Edge 131, la fonctionnalité thèmes Visual Studio Code est supprimée et ces thèmes reviennent aux thèmes par défaut :
Voir aussi :
11 octobre 2021
Couvre:
Voir aussi :
25 mai 2021
Microsoft Edge offre aux développeurs une plateforme et des outils attrayants et cohérents. Comme nos navigateurs hérités ne sont plus pris en charge, Edge sera bientôt le seul navigateur pris en charge par Microsoft sur Windows 10. Découvrez les dernières informations sur la plateforme Edge, les outils et les applications web.
Couvre:
Voir aussi :
2 mars 2021
Les Web Apps progressives (PWA) sont prises en charge dans Microsoft Edge et représentent une occasion d’améliorer la détectabilité et l’engagement avec votre application. Nouvelles fonctionnalités de la plateforme web. Comment ces applications web modernes s’intègrent en toute transparence à Microsoft Windows.
Couvre:
Voir aussi :
22 septembre 2020
Les outils de développement Microsoft Edge facilitent le développement web, les tests et l’automatisation. Découvrez comment nous hiérarchiser l’accessibilité dans nos outils et applications, et comment nous aidons les autres à faire de même.
Couvre:
Voir aussi :
Youtube:
Entrainement
Parcours d’apprentissage
Use advance techniques in canvas apps to perform custom updates and optimization - Training
Use advance techniques in canvas apps to perform custom updates and optimization
Certification
Microsoft Certified : Power Platform Developer Associate - Certifications
Démontrez comment simplifier, automatiser et transformer les processus et les tâches métier à l’aide de Développeur Microsoft Power Platform.