Què cal saber
- Per activar: Preferències > seleccioneu Avançat pestanya > commuta Mostra el menú Desenvolupament a la barra de menúactivat.
- Per utilitzar: seleccioneu Desenvolupa > Introduïu el mode de disseny responsiu a la barra d'eines de Safari.
Aquest article explica com activar el mode de disseny responsiu a Safari 9 a Safari 13, a OS X El Capitan mitjançant macOS Catalina.
Com activar el mode de disseny responsiu a Safari
Per activar el mode de disseny responsiu de Safari, juntament amb altres eines de desenvolupament de Safari:
-
Vés al menú Safari i selecciona Preferències.
Premeu la drecera del teclat Ordre+ , (coma) per accedir ràpidament a Preferències.
-
Al quadre de diàleg Preferències, seleccioneu la pestanya Avançat.
Image -
A la part inferior del quadre de diàleg, seleccioneu la casella de selecció Mostra el menú Desenvolupament a la barra de menú.
Image -
Ara veureu Desenvolupament a la barra de menú superior de Safari.
Image -
Seleccioneu Desenvolupa > Introduïu el mode de disseny responsiu a la barra d'eines de Safari.
Premeu la drecera de teclat Opció+ Ordre+ R per entrar ràpidament en el mode de disseny responsiu.
Image -
La pàgina web activa es mostra en mode de disseny responsiu. A la part superior de la pàgina, trieu un dispositiu iOS o una resolució de pantalla per veure com es representarà la pàgina.
Image -
Com alternativa, vegeu com es representarà la vostra pàgina web en diverses plataformes mitjançant el menú desplegable que hi ha a sobre de les icones de resolució.
Image
Eines per a desenvolupadors de Safari
A més del mode de disseny responsiu, el menú Safari Develop ofereix altres opcions útils.
Obre la pàgina amb
Obre la pàgina web activa en qualsevol navegador instal·lat actualment al Mac.
Agent d'usuari
Quan canvieu l'agent d'usuari, podeu enganyar un lloc web fent-li pensar que feu servir un altre navegador.
Mostra l'inspector web
Mostra tots els recursos d'una pàgina web, inclosa la informació CSS i les mètriques DOM.
Mostra la consola d'errors
Mostra errors i advertències de JavaScript, HTML i XML.
Mostra la font de la pàgina
Us permet veure el codi font de la pàgina web activa i cercar el contingut de la pàgina.
Mostra els recursos de la pàgina
Mostra documents, scripts, CSS i altres recursos de la pàgina actual.
Mostra l'editor de fragments
Us permet editar i executar fragments de codi. Aquesta funció és útil des d'una perspectiva de prova.
Mostra el creador d'extensions
T'ajuda a crear extensions de Safari empaquetant el codi en conseqüència i afegint metadades.
Inicia la gravació de la cronologia
Us permet registrar les sol·licituds de xarxa, l'execució de JavaScript, la representació de pàgines i altres esdeveniments dins del WebKit Inspector.
Caches buides
Suprimeix totes les memòria cau emmagatzemades a Safari, no només els fitxers de memòria cau estàndard dels llocs web.
Desactiva les memòries cau
Amb la memòria cau desactivada, els recursos es baixen d'un lloc web cada vegada que es fa una sol·licitud d'accés en lloc d'utilitzar la memòria cau local.
Permet JavaScript des del camp de cerca intel·ligent
Desactivada de manera predeterminada per motius de seguretat, aquesta funció us permet introduir URL que contenen JavaScript a la barra d'adreces de Safari.
