{"id":1406,"date":"2020-09-22T00:00:00","date_gmt":"2020-09-22T00:00:00","guid":{"rendered":"https:\/\/commentouvrir.com\/blog\/ajouter-plus-de-fonctionnalites-en-activant-le-menu-de-developpement-de-safari\/"},"modified":"2020-09-22T00:00:00","modified_gmt":"2020-09-22T00:00:00","slug":"ajouter-plus-de-fonctionnalites-en-activant-le-menu-de-developpement-de-safari","status":"publish","type":"post","link":"https:\/\/commentouvrir.com\/blog\/ajouter-plus-de-fonctionnalites-en-activant-le-menu-de-developpement-de-safari\/","title":{"rendered":"Ajouter plus de fonctionnalit\u00e9s en activant le menu de d\u00e9veloppement de Safari"},"content":{"rendered":"<p>\nSafari offre une multitude de fonctionnalit\u00e9s sp\u00e9ciales con\u00e7ues pour les d\u00e9veloppeurs Web, toutes rassembl\u00e9es dans un menu D\u00e9velopper qui n&#039;est pas visible dans la barre de menus par d\u00e9faut. Le menu D\u00e9velopper contient des options pour changer l&#039;agent utilisateur, afficher l&#039;inspecteur Web et la console d&#039;erreur, d\u00e9sactiver JavaScript et d\u00e9sactiver les caches de Safari. M\u00eame si vous n&#039;\u00eates pas d\u00e9veloppeur, certaines de ces fonctionnalit\u00e9s peuvent vous \u00eatre utiles.\n<\/p>\n<p>\nL&#039;utilisation du menu D\u00e9velopper est assez simple, chaque \u00e9l\u00e9ment du menu appartenant \u00e0 la page ou \u00e0 l&#039;onglet Safari actuellement charg\u00e9 et le plus en avant, puis \u00e0 toutes les pages Web charg\u00e9es ult\u00e9rieurement. L&#039;exception est une commande, telle que Vider les caches, qui a un effet global sur Safari.\n<\/p>\n<p>Les informations contenues dans cet article s&#039;appliquent aux versions 8 \u00e0 12 de Safari, m\u00eame si une grande partie appara\u00eet \u00e9galement dans les versions ant\u00e9rieures du menu D\u00e9velopper.<\/p>\n<h2>  Afficher le menu de d\u00e9veloppement dans Safari  <\/h2>\n<p>\nAvant de pouvoir utiliser le menu D\u00e9velopper, vous devez d&#039;abord rendre le menu masqu\u00e9 visible. C&#039;est une t\u00e2che facile, beaucoup plus facile que de r\u00e9v\u00e9ler le menu D\u00e9boguer qui, avant Safari 4, contenait toutes les commandes qui se trouvent maintenant dans le menu D\u00e9velopper. Cependant, ne pensez pas que l&#039;ancien menu D\u00e9boguer n&#039;est plus pertinent; il existe toujours et contient de nombreux outils utiles.\n<\/p>\n<ol>\n<li>\n<p class=\"gt-block\">\nLancer <strong>\"safari\".<\/strong> du <strong>Quai<\/strong> ou le dossier Application Mac.\n<\/p>\n<p><img decoding=\"async\" class=\"postimg\" src=\"https:\/\/www.lifewire.com\/thmb\/WUrX3pSkAwhMroQfV4MDO00QeqY=\/1500x582\/filters:no_upscale():max_bytes(150000):strip_icc()\/001-safari-develop-menu-2260894-0e0558290d1e4e508d3acbb5b7ed6559.jpg\" \/><\/p>\n<\/li>\n<li>\n<p class=\"gt-block\">\nOuvrez les pr\u00e9f\u00e9rences de Safari en cliquant sur <strong>\"safari\".<\/strong> dans la barre de menu et en s\u00e9lectionnant <strong>\"Pr\u00e9f\u00e9rences\"<\/strong> dans le menu d\u00e9roulant.\n<\/p>\n<p><img decoding=\"async\" class=\"postimg\" src=\"https:\/\/www.lifewire.com\/thmb\/sZjTNjGwWm4geqYlKim-nBUB_ZM=\/1500x1000\/filters:no_upscale():max_bytes(150000):strip_icc()\/001-how-to-enable-safari-develop-menu-2260894-6f3ea20a6f804447a10fc60992dbc5ad.jpg\" \/><\/p>\n<\/li>\n<li>\n<p class=\"gt-block\">\nCliquez  <strong>Passerelle IIoT<\/strong> onglet dans l&#039;\u00e9cran des pr\u00e9f\u00e9rences.\n<\/p>\n<p><img decoding=\"async\" class=\"postimg\" src=\"https:\/\/www.lifewire.com\/thmb\/NK1UQpkkF4khSGkRXha2s3f5NXU=\/1772x1047\/filters:no_upscale():max_bytes(150000):strip_icc()\/002-how-to-enable-safari-develop-menu-2260894-2a46aad54d5a4f4f9beb0d49e43ee55d.jpg\" \/><\/p>\n<\/li>\n<li>\n<p class=\"gt-block\">\nPlacez une coche \u00e0 c\u00f4t\u00e9 de <strong>Afficher le menu D\u00e9velopper dans la barre de menus<\/strong>.<\/p>\n<p><img decoding=\"async\" class=\"postimg\" src=\"https:\/\/www.lifewire.com\/thmb\/df-a4A4E0Mjt-xJYPSgVp5MxPxA=\/1500x885\/filters:no_upscale():max_bytes(150000):strip_icc()\/003-how-to-enable-safari-develop-menu-2260894-f19f2b4106f24a38b5c43c65d2da3416.jpg\" \/><\/p>\n<\/li>\n<\/ol>\n<p class=\"gt-block\">\nSi vous souhaitez d\u00e9sactiver le menu D\u00e9veloppeur, supprimez la coche dans le <strong>\"safari\".<\/strong> &gt; <strong>\"Pr\u00e9f\u00e9rences\"<\/strong> &gt; <strong>Passerelle IIoT<\/strong> \u00e9cran.\n<\/p>\n<h2>  Utilisation du menu de d\u00e9veloppement  <\/h2>\n<p>\nLe menu D\u00e9velopper appara\u00eet dans la barre de menus Safari entre les \u00e9l\u00e9ments de menu Signets et Fen\u00eatre. Le menu D\u00e9velopper est particuli\u00e8rement pratique pour les d\u00e9veloppeurs Web, mais les utilisateurs occasionnels peuvent \u00e9galement le trouver utile.\n<\/p>\n<p><img decoding=\"async\" class=\"postimg\" src=\"https:\/\/www.lifewire.com\/thmb\/VFjxny0G7WQTBaFZvt0GEEF7YQ4=\/1500x1000\/filters:no_upscale():max_bytes(150000):strip_icc()\/004-how-to-enable-safari-develop-menu-2260894-9c8cdf8169824cc090bd15f3136d81ec.jpg\" \/><\/p>\n<p>\nCertains des \u00e9l\u00e9ments du menu D\u00e9velopper que vous trouverez probablement les plus utiles incluent:\n<\/p>\n<ul>\n<li><strong>Ouvrir la page avec<\/strong>: Vous permet d&#039;ouvrir la page Web actuelle dans n&#039;importe quel navigateur que vous avez install\u00e9 sur votre Mac. Si vous visitez un site Web qui ne fonctionne pas correctement avec Safari, utilisez cette commande pour acc\u00e9der rapidement \u00e0 la m\u00eame page Web dans un autre navigateur.<\/li>\n<li><strong>Agent utilisateur<\/strong>: L&#039;agent utilisateur est une cha\u00eene de texte que le navigateur envoie au serveur Web h\u00e9bergeant la page Web. Si vous avez d\u00e9j\u00e0 visit\u00e9 une page Web qui a proclam\u00e9 que Safari n&#039;\u00e9tait pas pris en charge, c&#039;est ainsi que le site savait quel navigateur vous utilisiez. Dans la plupart des cas, la non prise en charge est absurde, et en utilisant cet \u00e9l\u00e9ment de menu, vous pouvez modifier l&#039;agent utilisateur pour en imiter un \u00e0 partir d&#039;un autre navigateur. Vous serez peut-\u00eatre \u00e9tonn\u00e9 de voir combien de fois une page Web qui ne fonctionne pas fonctionne soudainement, simplement en changeant l&#039;agent utilisateur.<\/li>\n<li><strong>Caches vides<\/strong>: Safari garde une m\u00e9moire cache des sites r\u00e9cemment consult\u00e9s. Les donn\u00e9es stock\u00e9es dans ce cache comprennent tous les \u00e9l\u00e9ments d&#039;une page, qui peuvent \u00eatre utilis\u00e9s pour rendre rapidement un site Web lorsque vous revenez sur la page. Parfois, le cache peut \u00eatre ancien ou corrompu, ce qui entra\u00eene l&#039;affichage d&#039;une page Web incorrecte. Vider le cache peut r\u00e9soudre ces probl\u00e8mes et peut m\u00eame aider \u00e0 acc\u00e9l\u00e9rer Safari.<\/li>\n<\/ul>\n<p>\nLa plupart des \u00e9l\u00e9ments de menu restants sont probablement plus utiles pour les d\u00e9veloppeurs Web, mais si vous \u00eates int\u00e9ress\u00e9 par la fa\u00e7on dont les sites Web sont construits, les \u00e9l\u00e9ments suivants peuvent \u00eatre int\u00e9ressants:\n<\/p>\n<ul>\n<li><strong>Afficher l&#039;inspecteur Web<\/strong>: Cela ouvre l&#039;inspecteur Web au bas de la page actuelle. Avec l&#039;inspecteur Web, vous pouvez examiner les \u00e9l\u00e9ments qui ont servi \u00e0 cr\u00e9er la page.<\/li>\n<li><strong>Afficher la source de la page<\/strong>: Ceci affiche le code HTML de la page actuelle.<\/li>\n<li><strong>Afficher les ressources de la page<\/strong>: Cela ouvre la barre lat\u00e9rale Inspecteur de ressources dans l&#039;inspecteur Web. Il fournit un moyen simple de voir quelles images, scripts, feuilles de style et autres \u00e9l\u00e9ments sont utilis\u00e9s sur la page en cours.<\/li>\n<li><strong>D\u00e9marrer l&#039;enregistrement de la chronologie<\/strong>: Si vous voulez voir comment une page Web se charge et s&#039;ex\u00e9cute, essayez le <strong>D\u00e9marrer l&#039;enregistrement de la chronologie<\/strong> option. Cela cr\u00e9e un graphique montrant l&#039;activit\u00e9 du r\u00e9seau et la fa\u00e7on dont chaque \u00e9l\u00e9ment du site est charg\u00e9 et utilis\u00e9. Cela fait un affichage int\u00e9ressant, mais n&#039;oubliez pas de d\u00e9sactiver la fonction en s\u00e9lectionnant <strong>Arr\u00eater l&#039;enregistrement de la chronologie<\/strong>. Sinon, vous utilisez les ressources de votre Mac pour des t\u00e2ches non productives, sauf si vous \u00eates un d\u00e9veloppeur Web.<\/li>\n<li><strong>Entrez en mode de conception r\u00e9active<\/strong>: Un autre outil pour les d\u00e9veloppeurs Web est le simulateur int\u00e9gr\u00e9 qui vous permet de pr\u00e9visualiser l&#039;apparence de votre page Web avec diff\u00e9rentes r\u00e9solutions d&#039;\u00e9cran ou avec diff\u00e9rents appareils, tels que l&#039;iPad ou l&#039;iPhone. Chargez simplement la page qui vous int\u00e9resse et s\u00e9lectionnez <strong>Entrez en mode de conception r\u00e9active<\/strong> pour pr\u00e9visualiser la page. Vous pouvez essayer le rendu de page \u00e0 l&#039;aide de divers appareils ou s\u00e9lectionner une r\u00e9solution d&#039;\u00e9cran \u00e0 utiliser. Lorsque vous avez termin\u00e9, revenez au menu D\u00e9velopper et s\u00e9lectionnez <strong>Quitter le mode de conception r\u00e9active<\/strong>.<\/li>\n<li><strong>Fonctionnalit\u00e9s exp\u00e9rimentales<\/strong>: Si vous vous sentez courageux, vous pouvez essayer quelques-unes des fonctionnalit\u00e9s qui pourraient se retrouver dans les futures versions du navigateur Safari.<\/li>\n<\/ul>\n<p>\nLe menu D\u00e9velopper \u00e9tant visible, prenez le temps d&#039;essayer les diff\u00e9rents \u00e9l\u00e9ments du menu. Vous vous retrouverez probablement avec quelques favoris que vous utiliserez souvent.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Safari offre une multitude de fonctionnalit\u00e9s sp\u00e9ciales con\u00e7ues pour les d\u00e9veloppeurs Web, toutes rassembl\u00e9es dans un menu D\u00e9velopper qui n&#039;est pas visible dans la barre de menus par d\u00e9faut. Le menu D\u00e9velopper contient des options pour changer l&#039;agent utilisateur, afficher l&#039;inspecteur Web et la console d&#039;erreur, d\u00e9sactiver JavaScript et d\u00e9sactiver les caches de Safari. M\u00eame &#8230; <a title=\"Ajouter plus de fonctionnalit\u00e9s en activant le menu de d\u00e9veloppement de Safari\" class=\"read-more\" href=\"https:\/\/commentouvrir.com\/blog\/ajouter-plus-de-fonctionnalites-en-activant-le-menu-de-developpement-de-safari\/\" aria-label=\"En savoir plus sur Ajouter plus de fonctionnalit\u00e9s en activant le menu de d\u00e9veloppement de Safari\">Lire la suite<\/a><\/p>\n","protected":false},"author":535,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[9],"tags":[],"class_list":["post-1406","post","type-post","status-publish","format-standard","hentry","category-wiki"],"modified_by":null,"_links":{"self":[{"href":"https:\/\/commentouvrir.com\/blog\/wp-json\/wp\/v2\/posts\/1406","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/commentouvrir.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/commentouvrir.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/commentouvrir.com\/blog\/wp-json\/wp\/v2\/users\/535"}],"replies":[{"embeddable":true,"href":"https:\/\/commentouvrir.com\/blog\/wp-json\/wp\/v2\/comments?post=1406"}],"version-history":[{"count":0,"href":"https:\/\/commentouvrir.com\/blog\/wp-json\/wp\/v2\/posts\/1406\/revisions"}],"wp:attachment":[{"href":"https:\/\/commentouvrir.com\/blog\/wp-json\/wp\/v2\/media?parent=1406"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/commentouvrir.com\/blog\/wp-json\/wp\/v2\/categories?post=1406"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/commentouvrir.com\/blog\/wp-json\/wp\/v2\/tags?post=1406"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}