Wat om te weet
- Select Safari > Voorkeure > Advanced > Wys Ontwikkel-kieslys in kieslysbalk.
- Om Ontwikkel te gebruik, gaan na die Safari-kieslys en kies Ontwikkel, tussen Boekmerke en Venster.
- Bruikbaarste Ontwikkel-opsies: Maak bladsy oop met, Gebruikersagent en Leë kas.
Hierdie artikel verduidelik hoe om die Ontwikkel-kieslys in jou Safari-webblaaier (weergawes 8 tot 12) te vertoon en te gebruik.
Vertoon die Ontwikkel-kieslys in Safari
Voordat jy die Ontwikkel-kieslys kan gebruik, moet jy eers die versteekte spyskaart sigbaar maak. Dit is 'n maklike taak, baie makliker as om die Ontfout-kieslys te openbaar wat - voor Safari 4 - al die opdragte bevat het wat nou in die Ontwikkel-kieslys is. Moet egter nie dink dat die ouer Debug-kieslys nie meer relevant is nie; dit bestaan steeds en bevat baie nuttige gereedskap.
-
Begin Safari vanaf die Dock of die Mac Application-lêergids.
Image -
Maak Safari se voorkeure oop deur Safari in die kieslysbalk te klik en Preferences in die aftrekkieslys te kies.
Image -
Klik die Advanced-oortjie in die voorkeurskerm.
Image -
Kies Wys Ontwikkel-kieslys in kieslysbalk.
Image
As jy ooit die Ontwikkelaar-kieslys wil deaktiveer, verwyder die regmerkie in die Safari > Voorkeure > Gevorderd skerm.
Gebruik die Ontwikkel-kieslys
Die Ontwikkel-kieslys verskyn op die Safari-kieslysbalk tussen die Boekmerke en Venster-kieslysitems. Die Ontwikkel-kieslys is veral handig vir webontwikkelaars, maar gemaklike gebruikers kan dit ook nuttig vind.
Sommige van die Ontwikkel-kieslysitems wat jy waarskynlik die nuttigste sal vind, sluit in:
- Open bladsy met: Laat jou die huidige webblad oopmaak in enige blaaier wat jy op jou Mac geïnstalleer het. As jy ooit 'n webwerf besoek wat nie reg met Safari werk nie, gebruik hierdie opdrag om vinnig na dieselfde webbladsy in 'n ander blaaier te gaan.
- Gebruikersagent: Die gebruikersagent is 'n string teks wat die blaaier na die webbediener stuur wat die webblad huisves. As jy al ooit 'n webblad besoek het wat verklaar het dat Safari nie ondersteun word nie, is dit hoe die webwerf geweet het watter blaaier jy gebruik. In die meeste gevalle is dit nonsens wat nie ondersteun word nie, en deur hierdie kieslys-item te gebruik, kan jy die gebruikersagent verander om een van 'n ander blaaier na te boots. Jy sal dalk verbaas wees hoeveel keer 'n webblad wat nie werk nie skielik doen, net deur die gebruikeragent te verander.
- Leë kas: Safari hou 'n kas van webwerwe wat onlangs besoek is. Die data wat in hierdie kas gestoor is, sluit al die elemente van 'n bladsy in, wat gebruik kan word om vinnig 'n webwerf weer te gee wanneer jy na die bladsy terugkeer. Soms kan die kas oud of korrup wees, wat veroorsaak dat 'n webblad verkeerd vertoon word. Die leegmaak van die kas kan hierdie kwessies regstel en kan selfs help om Safari te bespoedig.
Bykomende Ontwikkel-kieslys-items
Die meeste van die oorblywende spyskaart-items is waarskynlik meer bruikbaar vir webontwikkelaars, maar as jy belangstel in hoe webwerwe gebou word, kan die volgende items dalk van belang wees:
- Show Web Inspector: Dit maak die Web Inspector aan die onderkant van die huidige bladsy oop. Met die webinspekteur kan jy die elemente ondersoek wat die bladsy geskep het.
- Wys bladsybron: Dit vertoon die HTML-kode van die huidige bladsy.
- Wys bladsyhulpbronne: Dit maak die hulpbroninspekteur-sybalk in die webinspekteur oop. Dit bied 'n maklike manier om te sien watter prente, skrifte, stylblaaie en ander elemente op die huidige bladsy gebruik word.
- Begin tydlynopname: As jy wil sien hoe 'n webblad laai en loop, probeer die Begin tydlynopname opsie. Dit skep 'n grafiek wat netwerkaktiwiteit toon en hoe elke werfelement gelaai en gebruik word. Dit sorg vir 'n interessante vertoning, maar moenie vergeet om die kenmerk af te skakel deur Stop Tydlynopname te kies Andersins, gebruik jy jou Mac se hulpbronne vir nieproduktiewe take - tensy jy 'n web is ontwikkelaar.
- Enter Responsive Design Mode: Nog 'n hulpmiddel vir webontwikkelaars is die ingeboude simulator wat jou toelaat om 'n voorskou te maak van hoe jou webblad met verskillende skermresolusies of met verskillende toestelle sal lyk, soos die iPad of iPhone. Laai eenvoudig die bladsy waarin jy belangstel en kies Enter Responsive Design Mode om die bladsy te voorbeskou. Jy kan die bladsyweergawe met verskillende toestelle probeer of 'n skermresolusie kies om te gebruik. Wanneer jy klaar is, keer terug na die Ontwikkel-kieslys en kies Verlaat responsiewe ontwerpmodus
- Eksperimentele kenmerke: As jy dapper voel, kan jy 'n paar van die kenmerke probeer wat hul weg na toekomstige weergawes van die Safari-blaaier kan vind.
Met die Ontwikkel-kieslys sigbaar, neem 'n bietjie tyd om die verskillende spyskaartitems uit te probeer. Jy sal waarskynlik 'n paar gunstelinge hê wat jy gereeld sal gebruik.
