Content
- Accediu a les eines per a desenvolupadors al navegador web d'Apple
- Com habilitar el mode de disseny responsable en Safari
- Eines per a desenvolupadors de Safari
Accediu a les eines per a desenvolupadors al navegador web d'Apple
Assegurar-se que els llocs web i les aplicacions web admeten una gran quantitat de dispositius i plataformes és una tasca essencial per als desenvolupadors web. El navegador web d'Apple Safari inclou un mode de Disseny Responsiu que permet previsualitzar el rendiment del vostre lloc en diverses resolucions de pantalla i en diferents versions de l'iPad, iPhone i iPod touch.
Les instruccions d’aquest article s’apliquen a Safari 13 per a macOS. El mode de disseny responsiu no està disponible a la versió de Windows.
Com habilitar el mode de disseny responsable en Safari
Per habilitar les eines de desenvolupador de Safari i el mode de disseny responsable:
-
Selecciona Safari > Preferències a la barra d’eines Safari.
També podeu fer servir la drecera del teclat Comandament+Virgola (,) per accedir al menú Preferències.
-
Al menú Preferències, seleccioneu el botó Avançat fitxa i marca la casella al costat Mostra el menú de desenvolupament a la barra de menús. Ara s'hauria de disposar d'una nova opció a la barra d'eines Safari de la part superior de la pantalla.
-
Selecciona Desenvolupar > Accediu al mode de disseny responsable a la barra d’eines Safari.
També podeu fer servir la drecera del teclat Opció+Comandament+R per entrar al mode de disseny responsable.
-
La pàgina web activa ara es mostrarà en mode Disseny responsiu. A la part superior de la pàgina, trieu un dispositiu iOS o una resolució de pantalla per veure com es mostrarà la pàgina.
També podeu instruir Safari que simuli diferents agents d’usuari mitjançant el menú desplegable directament a sobre de les icones de resolució.
Eines per a desenvolupadors de Safari
A més del mode Disseny responsiu, el menú Desenvolupar Safari ofereix moltes altres opcions útils, com ara:
- Obriu la pàgina amb: Obriu la pàgina web activa en qualsevol altre navegador instal·lat actualment al Mac.
- Agent d'usuari: El canvi d’agent d’usuari fa que els servidors web identifiquin el seu navegador com una altra cosa que Safari.
- Connectar inspector web: Mostra tots els recursos d'una pàgina web, incloses les dades CSS i les mètriques DOM.
- Mostra la consola d'errors: Mostren errors i advertències de JavaScript, HTML i XML.
- Mostra la font de la pàgina: Visualitzeu i cerqueu el codi font de la pàgina web activa.
- Mostra els recursos de la pàgina: Mostra documents, scripts, CSS i altres recursos de la pàgina actual.
- Mostra l’editor de fragments: Editeu i executeu fragments de codi. Aquesta funció és molt útil des de la perspectiva de les proves.
- Mostra el generador d'extensions: Creeu les vostres pròpies extensions Safari empaquetant el vostre codi en conseqüència i afegint metadades.
- Inicia la gravació de la línia de temps: Registre les sol·licituds de xarxa, execució de JavaScript, representació de pàgines i altres esdeveniments dins del WebKit Inspector.
- Caches buits: Suprimiu tots els caché emmagatzemats dins de Safari, no només els fitxers de memòria cau estàndard del lloc web.
- Desactiva la memòria cau: Amb la memòria cau desactivada, els recursos es descarreguen 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 per defecte per motius de seguretat, aquesta característica us permet introduir URL que contenen JavaScript a la barra d’adreces de Safari.
- Tracteu els certificats SHA-1 com a insegurs: Curt per l'algoritme Secure Hash, la funció de hash SHA-1 s'ha demostrat ser menys segura del que es pensava inicialment, per tant l'afegit d'aquesta opció a Safari.
