Inhalt
- Zougang Entwéckler Tools am Apple's Webbrowser
- Wéi aktiv een responsiven Design Modus am Safari z'aktivéieren
- Safari Entwéckler Tools
Zougang Entwéckler Tools am Apple's Webbrowser
Sécherstellen datt Websäiten a Web Apps eng Bevi vu Geräter a Plattformen ënnerstëtzen ass eng wesentlech Aufgab fir Web Entwéckler. Apple's Safari Webbrowser enthält e Responsive Design Modus deen Iech erlaabt eng Virschau ze maachen wéi Äre Site bei verschiddene Bildschirmopléisungen an op verschiddene iPad, iPhone an iPod Touch baut.
Instruktiounen an dësem Artikel gëllen op Safari 13 fir macOS. Responsive Design Modus ass net an der Windows Versioun verfügbar.
Wéi aktiv een responsiven Design Modus am Safari z'aktivéieren
Fir de Safari Entwéckler Tools an dem Responsive Design Modus z'aktivéieren:
-
Wielt Safari > Virléiften an der Safari Toolbar.
Dir kënnt och d'Tastatur Ofkiirzung benotzen Kommando+Komma (,) fir op de Menü Preferences ze kommen.
-
Am Preferences Menu, wielt de Fortgeschratt tab a kontrolléiert d'Këscht nieft Show Entwéckelt Menü an der MenübarAn. Eng nei Optioun soll elo an der Safari Toolbar uewen um Écran verfügbar sinn.
-
Wielt Entwéckelen > Gitt an de responsiven Design Modus an der Safari Toolbar.
Dir kënnt och d'Tastatur Ofkiirzung benotzen Optioun+Kommando+R fir an de Responsive Design Mode anzeginn.
-
Déi aktiv Websäit soll elo am Responsive Design Modus ugewise ginn. Am Top vun der Säit, wielt en iOS Apparat oder eng Bildschirmopléisung fir ze kucken wéi dës Säit sech gëtt.
Dir kënnt och Safari instruéieren fir verschidde Benotzer Agenten ze simuléieren mat dem Dropdown-Menü direkt iwwer d'Resolutiounsikonen.
Safari Entwéckler Tools
Zousätzlech zum Responsive Design Modus bitt dem Safari's Develop Menu vill aner nëtzlech Optiounen abegraff:
- Open Säit Mat: Öffnen déi aktiv Websäit an all anere Browser, dee Moment op Ärem Mac installéiert ass.
- Benotzer Agent: Ännerung vum User Agent verursaacht Webserver fir Äre Browser als eppes anescht wéi Safari z'identifizéieren.
- Connect Webinspekter: Affichéiert all d'Ressourcen vun enger Websäit inklusiv CSS Informatioun an DOM Metriken.
- Show Feeler Konsol: Display JavaScript, HTML, an XML Feeler an Warnungen.
- Show Säit Quell: Kuckt a sicht d'aktiv Quelltext vun der aktiver Säit.
- Show Säit Ressourcen: Dokumenter, Scripten, CSS an aner Ressourcen vun der aktueller Säit uweisen.
- Show Snippet Editor: Änneren an ausféieren Fragmenter vum Code. Dës Feature ass ganz nëtzlech aus enger Testperspektiv.
- Show Extensioun Builder: Build Är eege Safari-Extensions andeems Dir Äre Code deementspriechend verpackt an Metadaten unzeginn.
- Start Timeline Opname: Notéiert Netzwierksfroe, JavaScript Ausféierung, Render- Säit an aner Eventer am WebKit Inspector.
- Eidel Cachen: Läscht all gespäichert Cache bannent Safari, net nëmmen d'Standard Websäit Cache Dateien.
- Desaktivéiere Cache: Mat Cache behënnert, ginn Ressourcen erofgeluede vun enger Websäit all Kéier wann en Zougangsufro gemaach gëtt am Géigesaz zum Ëmgang mat der Lokaler Cache.
- Erlaabt JavaScript vum Smart Sichfeld: Par défaut aus Sécherheetsgrënn ofgeschalt, dës Feature erlaabt Iech URLen mat JavaScript an der Safari Adressadress ze aginn.
- Behandelt SHA-1 Certificaten als onsécher: Kuerz fir Séchert Hash Algorithmus, d'SHA-1 Hash Funktioun gouf bewisen manner sécher wéi ursprünglech geduecht, dofir ass d'Aféierung vun dëser Optioun am Safari.