01 of 06
Aktive ûntwerpmodus aktivearje en brûke yn Safari 9
As in web ûntwikkelder yn 'e hjoeddeistige wrâld betsjuttet dat in bevy fan apparaten en plattformen stypje, dy't soms bewiisd wurde as in druvende opjefte. Sels mei de meast goed ûntwikkele koade oan de lêste webstands, kinne jo noch fine dat dielen fan jo webside net sjogge of hannelje hoe't jo se wolle op bepaalde apparaten of resolúsjes. Wannear't jo de útdaging om sokke in breed oanbod fan senario's te stypjen, kinne jo de simulaarjende simpele tooljes ûntsletber meitsje.
As jo ien fan 'e soad programmers binne dy't in Mac brûke, wurdt Safari's ûntworpen toolset altyd yn' e praktyk kaam. Mei de frijwilligers fan Safari 9 hat de breedte fan dizze funksjoneel grutter útwreide, benammen troch Resinte ûntwerpmodus_, dy't jo foarkomme hoe't jo webside ferskine op ferskate screen-resolúsjes as op ferskate iPad, iPhone en iPod touch builds.
Dit ûnderwerp detailret op hoe jo aktive ûntwerpmodus aktivearje kinne en hoe't jo it brûke foar jo ûntwikkelbedragen.
Earst iepenje jo Safari-blêder.
02 of 06
Safari foarkar
Klik op Safari yn it blêdermenu, boppe-oan it skerm. As it dellûk menu ferskynt, selektearje de opsjeFoarkarren yn it hjirboppe foarbyld.
Tink derom dat jo de folgjende toetseboerdskeksel brûke kinne yn stee fan de neamde menu item: COMMAND + COMMA (,)
03 of 06
Toanielynformaasje sjen litte
It dialooch fan 'e Foarkar foar Safari moat no werjûn wurde, it oersetten fan jo blêder finster. Earst klikje op 'e Avansearre oefening troch in gear, en lizzend yn' e boppeste hichte fan it finster.
De Avansearre Foarkarren fan 'e blêder moatte no sichtber wêze. Oan 'e boaiem stiet in opsje dy't begelaat wurdt troch in checkbox, label labeled " Develop Develop Menu" yn de menubalke en siket yn it foarbyld hjirboppe. Klik op 'e knop ienris om dit menu te aktivearjen.
04 of 06
Oploppe ûntfanger ûntwerpmodus
In nije opsje moat no beskikber wêze yn jo Safari-menager, lizzend oan 'e boppekant fan it skerm, label labeled Developed . Klik op dizze opsje. As it dellûk menu ferskynt, selektearje Enter Responsive Design Mode _ yn it foarbyld hjirboppe keppele.
Tink derom dat jo de neikommende toetsekombinaasje yn 't plak fan de neamde menuopsje brûke: OPTION + COMMAND + R
05 of 06
Spesjale ûntwerpmodus
De aktive webside moat no werjûn wurde yn Responsive Design Mode, lykas yn 'e foarbyld hjirboppe sjen litten. Troch ien fan 'e selekteare iOS-apparaten lykas it iPhone 6, of ien fan' e oanwêzige skermbehearrings as 800 x 600 te selektearjen, kinne jo fuortendaliks sjen hoe't de side op dat apparaat of yn dizze display-resolúsje werjaan sil.
Neist de werjaan fan 'e apparaten en resolúsjes kinne jo ek Safari oanmeitsje om in oare brûkersmiddel te simulearjen - sa as ien fan in oare browser - troch te klikken op it dellûk menu dat direkt boppe it resolúsje-ikon stiet.
06 van 06
Untwikkelmenu: Oare opsjes
Neist Responsable Design Mode, Safari 9's Untwerpmenu befettet in soad oare nuttige opsjes_ guon dy't hjirûnder neamd binne.
- Iepen side mei: Jo kinne de aktive webside iepenje yn in oare browser dy't no op jo Mac ynstallearre is.
- Brûkersmaat: It feroarjen fan de brûker-agent feroaret Webservers om jo blêder as wat oars te identifisearjen as Safari 9.
- Connect Inspector Web: Safari 9's Web Inspector jout alle boarnen fan 'e webside sjen litte, de mooglikheid om CSS-ynformaasje, DOM-metriken en -struksje te foarkommen, en ek de eigen boarne koade.
- Flaterkonsole sjen litte: Ien fan 'e meast brûkte opsjes yn it Untwikselmenu, dizze konsole jout JavaScript, HTML en XML-fouten en warskôgings.
- Side-side-boarne sjen litte: Lit jo de boarne koade aktive webside besjen en sykje.
- Resinte siden: Selektearje dizze opsje om dokuminten, skripts, CSS en oare boarnen fan 'e side te sjen.
- Toan Snippet Editor: Stelt de mooglikheid om siden te feroarjen en út te fieren, yn tsjinstelling ta in folsleine side. Dizze funksje is tige brûkber fan in testperspektyf.
- Oanbiedend Builder sjen litte: Jo kinne jo eigen Safari-útwreiding bouwe troch jo kaartsje te ferpakkjen en oanwêzige metadata's.
- Begjin Tydlike Aufnahme: Opskriuwt in tal artikels ynklusyf netwurk-oanfragen, JavaScript-útfier, side-rendering, en oare eveneminten foar in brûker definieare perioade_ alle sichtber yn 'e WebKit-ynspeksje.
- Lege leegers: Klik op dizze opsje lit alle bewarre cache yn Safari wiskje, net allinich de standert webside's cache triemmen.
- Caches útsette: By it ynsette fan caching wurde middels eleminten ophelje fan in webside as in tagongfraach makke wurdt as tsjinstelling fan it lokale cache.
- JavaSkript wiskje fan Smart Search-fjild: Standert wurdt standert foar feiligensrjochten dizze opsje ynskeakele om URL-adressen dy jo mei Javascript befetsje : yn 'e adresbalke fan Safari.
- Behannelje SHA-1-sertifikaten as ûnfeilich: Koarte foar sekere Hash-algoritme, de SHA-1-hash-funksje is bewiisd as minder feiliger as oarspronklik tocht_ dus de tafoeging fan dizze opsje yn Safari 9.
Related Reading
As jo dit praktykaasje nuttich fûn hawwe, moatte jo der wis fan wêze fan ús oare Safari 9-rinnen.
- Hoe kinne jo wizigje foar webstee
- Hoeide in webside eksportearje nei in PDF bestân
- Safier 9 tafoegingen ynstelle foar automatyske fernijing
- Hoe brûke de funksjes fan 'e stavere siden