Comment activer et utiliser le mode de conception réactif dans Safari
À partir de la version 9 de Safari sous OS X El Capitan, Apple a introduit le mode de conception réactif. Cette interface aide les développeurs Web à concevoir des expériences Web sur une variété de tailles d’écran, d’orientations et de résolutions. La conception réactive aide les développeurs à s’assurer que leurs sites Web et applications prennent en charge plusieurs appareils et plates-formes.
Voici comment activer le mode de conception réactif dans le navigateur Web Safari.
Les informations contenues dans cet article s’appliquent à Safari 13 à Safari 9, couvrant macOS Catalina à OS X El Capitan. Le mode de conception réactif n’est pas disponible dans la version Windows de Safari et n’est plus pris en charge par Apple.
Jiracha/Getty Images
Comment activer le mode de conception réactif dans Safari
Pour activer le mode de conception réactif de Safari et d’autres outils de développement Safari :
-
aller à safari menu et sélectionnez priorité.
Appuyez sur le raccourci clavier Commande+, (virgule) Accès rapide aux préférences.
-
à l’intérieur priorité boîte de dialogue, sélectionnez Avancée Étiqueter.
-
Au bas de la boîte de dialogue, sélectionnez Afficher le menu Développer dans la barre de menus case à cocher.
-
tu verras maintenant développer Dans la barre de menus supérieure de Safari.
-
choisir développer > Entrez en mode de conception réactive dans la barre d’outils de Safari.
Appuyez sur le raccourci clavier choix+Commande+R Entrez rapidement en mode de conception réactive.
-
La page Web active est affichée dans un mode de conception réactif. En haut de la page, sélectionnez un appareil iOS ou une résolution d’écran pour voir comment la page s’affichera.
-
Ou, voyez comment votre page s’affichera sur différentes plates-formes en utilisant le menu déroulant au-dessus de l’icône de résolution.
Outils de développement Safari
En plus du mode de conception réactif, le menu de développement de Safari propose d’autres options utiles.
ouvrir la page
Ouvrez la page Web active dans n’importe quel navigateur actuellement installé sur votre Mac.
agent utilisateur
Lorsque vous modifiez l’agent utilisateur, vous pouvez faire croire aux sites Web que vous utilisez un autre navigateur.
Afficher l’inspecteur Web
Affiche toutes les ressources d’une page Web, y compris les informations CSS et les métriques DOM.
afficher la console d’erreur
Affiche les erreurs et les avertissements JavaScript, HTML et XML.
afficher la source de la page
Vous permet d’afficher le code source de la page Web active et de rechercher le contenu de la page.
Afficher les ressources de la page
Affiche la documentation, les scripts, le CSS et d’autres ressources de la page actuelle.
Afficher l’éditeur d’extraits
Vous permet de modifier et d’exécuter des extraits de code. Du point de vue des tests, cette fonctionnalité est utile.
Afficher le générateur d’extensions
Vous aide à créer des extensions Safari en empaquetant votre code en conséquence et en ajoutant des métadonnées.
Démarrer l’enregistrement de la chronologie
Vous permet de consigner les requêtes réseau, l’exécution de JavaScript, le rendu de page et d’autres événements dans WebKit Inspector.
cache vide
Supprime tous les caches stockés dans Safari, pas seulement les fichiers de cache de site Web standard.
désactiver le cache
Lorsque la mise en cache est désactivée, les ressources sont téléchargées depuis le site Web chaque fois qu’une demande d’accès est effectuée, au lieu d’utiliser le cache local.
Autoriser JavaScript à partir du champ de recherche intelligente
Cette fonctionnalité est désactivée par défaut pour des raisons de sécurité et vous pouvez saisir des URL contenant du JavaScript dans la barre d’adresse de Safari.
Merci de nous en informer!
Dites-nous pourquoi !
D’autres détails ne sont pas assez difficiles à comprendre
