El navegador Safari a Mac és molt més que una simple eina per explorar internet. Oculta funcions avançades especialment adreçades a desenvolupadors i usuaris que volen accedir a les entranyes dels llocs web. Si alguna vegada heu volgut inspeccionar el codi d'una pàgina, experimentar amb tecnologies web o depurar scripts JavaScript, necessiteu habilitar el mode desenvolupador. No obstant això, aquesta opció no està activada per defecte i molts usuaris desconeixen com accedir a totes les possibilitats. Vegem com habilitar el mode desenvolupador a Safari per a Mac.
En aquest article, t'explico de manera detallada i pràctica com pots activar el mode desenvolupador a Safari per a Mac, quins avantatges té, tot el que pots trobar al menú Desenvolupament i consells importants per treure-li el màxim partit. A més, integrem informació contrastada d'altres fonts, curiositats sobre la seguretat i privadesa i, per si t'animes, una ullada a funcions experimentals i opcions ocultes. Anem a l'embolic!
Què és la manera desenvolupadora a Safari i per a què serveix?
Safari ve preparat amb un conjunt d'utilitats dissenyades per ajudar els desenvolupadors web i els usuaris avançats a analitzar i modificar pàgines web a fons. Això inclou el conegut inspector web (similar al que trobem a altres navegadors com Chrome o Firefox), la consola JavaScript, la possibilitat de veure i modificar recursos, analitzar estils CSS i depurar scripts, entre moltes altres accions.
El mode desenvolupador és imprescindible si vols programar, provar, corregir errors o experimentar amb pàgines web directament des del teu Mac. Per aprofundir en altres eines útils, pots consultar la nostra anàlisi sobre automatitzar el funcionament de la manera fosca a Safari.
Al menú Desenvolupament, trobaràs eines tan útils com:
- Inspector web: per veure i editar l'HTML i CSS de qualsevol pàgina en temps real.
- Consola JavaScript: per executar codi i revisar possibles errors.
- Visualització de recursos: per explorar imatges, scripts, fulls d'estil, fonts, galetes i emmagatzematge local de la web.
- Emulació de dispositius: útil per veure com es comporta un web en diferents resolucions o navegadors.
- Activació de funcions experimentals: accés a tecnologies web emergents encara en desenvolupament.
Per defecte, Apple manté aquest menú ocult per evitar confusions a usuaris no tècnics, però activar-ho és molt senzill si segueixes alguns passos.
Passos per habilitar el mode desenvolupador a Safari per a Mac
Anem a allò pràctic: t'explico pas a pas com habilitar el menú Desenvolupament a Safari.
- Obre Safari al teu Mac. Feu clic a la icona habitual de la brúixola o busqueu-la al Launchpad.
- Fes clic a la barra de menú superior a 'Safari' i selecciona «Preferències ...» (o simplement prem Cmd +,).
- Accedeix a la pestanya «Avançat» dins de la finestra de preferències. És la darrera, amb la icona d'engranatge.
- Fes lliscar fins a la part inferior i activa la casella de «Mostrar el menú Desenvolupament a la barra de menús».
Això és tot! Ara veuràs una nova opció “Desenvolupament” a la barra de menú superior, al costat de Finestra i Ajuda, llesta per utilitzar.
Què pots fer ara amb el menú Desenvolupament?
Activar el menú desenvolupament no només obre la porta al món del desenvolupament web, sinó que et dóna accés a potents eines gratuïtes per experimentar i aprendre. Aquestes són algunes de les accions principals que pots fer:
- Inspeccionar el codi de qualsevol pàgina: Analitza l'estructura HTML, CSS i el comportament JavaScript de qualsevol web.
- Editar elements en temps real: Modifica estils, afegeix o elimina nodes, canvia atributs i visualitza els resultats a l'instant.
- Accedir a la consola: Prova fragments de codi, consulta variables, verifica el flux i resol errors de seqüències.
- Veure recursos de pàgina: Descobreix imatges, fonts, scripts i fitxers carregats per la web per optimitzar temps de càrrega o analitzar peticions.
- Utilitzar dreceres: Per exemple, Opció + Ordre + I per obrir l'inspector. Hi ha dreceres per a gairebé totes les utilitats.
- Provar funcions experimentals: Des d'aquest menú podeu activar opcions en fase de proves, com el Model dObjecte dAccessibilitat, molt útil per comprovar com les webs interactuen amb tecnologies dassistència.
Accés ràpid a eines del menú Desenvolupament
El menú Desenvolupament integra nombroses utilitats específiques que et facilitaran la vida si treballes amb webs:
- Connectar l'Inspector del lloc (Opció + Ordre + I): Obre la finestra principal per analitzar codi i recursos.
- Mostra consola JavaScript (Opció + Ordre + C): Centrada en depuració de scripts.
- Mostra la font de la pàgina (Opció + Ordre + U): Visualitza l'HTML pur tal com ho interpreta el navegador.
- Veure recursos de la pàgina (Opció + Ordre + A): Inclou imatges, fulls d'estil, galetes i altres recursos clau.
Aquestes dreceres permeten accedir en qüestió de segons a les principals funcions. L'inspector web obre una finestra a la part inferior de la pantalla per treballar còmodament. Per tancar-la, només cal fer clic a la creu situada a l'extrem dret.
Funcionalitats addicionals i funcions experimentals
Un dels grans plus del menú Desenvolupament a Safari és la possibilitat de activar funcions experimentals encara en fase de proves. Això inclou eines relacionades amb el rendiment, nous estàndards web i, molt important, millores en accessibilitat.
Per exemple, Apple ha incorporat l'opció d'habilitar 'Esdeveniments d'accessibilitat', una subfunció del Model d'Objecte d'Accessibilitat (AOM). Això permet comprovar com interactuen les tecnologies d'assistència, com ara VoiceOver, amb els teus webs i personalitzar controls per a una millor experiència dusuari.
Per activar aquesta funció:
- Obre Safari i accedeix al menú Desenvolupament.
- Selecciona Desenvolupament > Funcions experimentals > Model d'Objecte d'Accessibilitat.
Aquestes funcions només haurien d'activar-se si tens coneixements o interès en el desenvolupament avançat de webs, ja que poden modificar el comportament del navegador.
Accessibilitat, privadesa i seguretat en usar el mode desenvolupador
Apple ha posat el focus en què totes les eines de desenvolupament respectin la privadesa i estiguin pensades amb la seguretat en ment. Quan activeu esdeveniments d'accessibilitat o altres opcions avançades, el sistema no permet als llocs descobrir si utilitzeu lectors de pantalla o altres tecnologies d'assistència de manera explícita, ni revela capacitats personals de l'usuari.
En cas que vulguis obrir aplicacions de desenvolupadors no verificats, macOS mostrarà advertiments per protegir-te davant de malware o programari nociu. Mai superis aquestes restriccions llevat que confiïs plenament a la font; si teniu dubtes, busqueu versions oficials a l'App Store o alternatives recomanades.
Comparativa amb altres eines de desenvolupament
L'inspector web de Safari és, per a molts usuaris de macOS, més estable i eficient que altres navegadors. Funciona especialment bé integrant-se amb el sistema i permet modificar pàgines de manera molt precisa. Tot i que cada navegador té les seves pròpies eines, Apple té cura especialment de la fluïdesa i la compatibilitat amb estàndards web actuals.
Si veniu de Chrome o Firefox, veureu que les funcions principals són força similars: inspeccionar elements, depurar scripts i gestionar recursos. A més, Safari afegeix utilitats específiques per a l'ecosistema Apple, com ara la simulació de dispositius iOS o l'ús de funcions experimentals pensades per a les seves plataformes.
Això no obstant, és recomanable explorar els diferents panells, ja que cada navegador implementa les seves eines de desenvolupament de manera particular.Dedica una mica de temps a familiaritzar-te amb els menús i dreceres pròpies de Safari.
Consells útils i trucs per a usuaris avançats
Més enllà dels bàsics, n'hi ha alguns tipus que t'ajudaran a treure encara més profit de la manera desenvolupadora a Safari per a Mac:
- Personalitza la barra d'eines: Podeu moure i reorganitzar panells de l'inspector web segons les vostres necessitats.
- Fes servir l'historial de l'inspector: Safari guarda les teves sessions, permetent tornar enrere si experimentes o modifiques elements complexos.
- Activa i desactiva recursos al vol: Ideal per provar canvis sense modificar fitxers originals.
- Prova el mode fosc de Safari per reduir la fatiga visual durant sessions llargues.
- Utilitza les opcions per deshabilitar la memòria cau o simular connexions lentes des del menú Desenvolupament per comprovar el rendiment real dels teus webs.
Errors habituals i com solucionar-los
Durant l'activació o ús del mode desenvolupador, alguns usuaris es poden trobar amb problemes o missatges d'error.
- No apareix el menú Desenvolupament: Prova de tancar i tornar a obrir Safari. Si continueu sense mostrar-vos, verifiqueu que teniu la versió actualitzada del navegador.
- L'inspector no es carrega correctament: Això pot passar si la pàgina web té scripts pesants o si hi ha extensions de Safari que bloquegen elements. Intenta desactivar extensions de tercers o recarregar la web.
- Accessos directes que no funcionen: Confirma que estàs usant el teclat en espanyol i que no hi ha conflictes amb altres dreceres del sistema.
Si res d'això funciona, podeu reiniciar les preferències de Safari o reinstal·lar el navegador des de l'App Store.
Habilitar el mode desenvolupador a Safari per a Mac és un recurs fonamental tant per a usuaris curiosos com per a professionals del desenvolupament web. Permet accedir a controls avançats, editar codi en temps real, depurar scripts i experimentar amb noves tecnologies de manera segura i eficient. Apple posa l'èmfasi en la privadesa i la facilitat d'ús, per la qual cosa l'activació és senzilla, reversible i molt intuïtiva.
