Artikel vom 14.2.2008
Auf Erkundungstour durch Safari. Teil 3
Als Mac-Nutzer gewöhnt man sich schnell an die Tatsache, dass nicht alle Einstellungen und Schalter einer Anwendung ans Tageslicht geschafft haben und bleiben dem Auge des Anwenders weiterhin verborgen. Auch bei Safari kann die oder andere Funktion per Terminal hinzugeschaltet werden.
Debug in der Menüleiste
Der Menüpunkt Debug stellt vor allem für Entwickler der Webseiten einen enormen Mehrwert dar und ist dem konkurrierenden Firebug (Add-On für Firefox) in vielen Disziplinen überlegen: Umschaltbare Simulation des User-Agents, grafisch ansprechender Web Inspector, übersichtliche Cache-Verwaltung, Konsole und Timer für JavaScript.
Um die Menüleiste des Browsers durch die Vielzahl an Entwicklungswerkzeugen zu erweitern, gehört nachfolgende Zeile im Terminal.app eingegeben:
defaults write com.apple.Safari IncludeDebugMenu 1
Um wieder zu entfernen:
defaults write com.apple.Safari IncludeDebugMenu 0
Update vom 23.03.2008:
Seit der Version 3.1 verfügt Safari über eine Option für ein manuelles Zuschalten des „Develop“-Menüeintrags in der Browserleiste.
Eingeblendete Tools für Entwickler unter Safari
Web Inspector lose installieren
Werden die Werkzeuge aus dem Debug-Menü nicht gebraucht und soll nur der hilfsbereite Web Inspector zum Einsatz kommen, so kann wahlweise nur dieses Entwickler-Tool als eigenständiges Modul in Safari aktiviert werden. Doch wie kommt man an den Inspector ran, wenn nicht über das Debug-Menü? Der Rechtsklick im sichtbaren Bereich einer aufgerufenen Webseite öffnet ein Kontext-Menü mit Element-Informationen als Unterpunkt auf – dahinter verbirgt sich das Ziel der Suche.
Der Web Inspector beinhaltet unter anderem eine Fehlerkonsole, die auf Unstimmigkeiten im Quelltext hinweist und so indirekt für einen „sauberen“ Code sorgt. Ein Navigator stellt geladene Elemente (HTML, Grafiken, Flash) hierarchisch dar und zeigt im separaten Spalt die verknüpften Stylesheets und aktuelle Position innerhalb des Dokuments. Per Schalterklick lässt sich das Werkzeug entweder als separates oder im unteren Teil des Browsers eingenistetes Fenster nutzen. Transfergrößen und Zeiten bereitet die Safari-Erweiterung für weitere Analysen grafisch auf.
Einschalten:
defaults write com.apple.Safari WebKitDeveloperExtras -bool true
Ausschalten:
defaults write com.apple.Safari WebKitDeveloperExtras -bool false
Safari verrät wie viele Bytes über die Leitung gingen
Ladeanzeige modernisieren
Wie weit der Ladevorgang der angesprochenen Webseite ist, signalisiert Safari mit blauem Fortschrittsbalken in der Adressleiste des Browsers. Smarter und dezenter geht es mit einer prozentual aufgefüllten Vektorgrafik, welche während des Ladens die Position des blauen Globus-Icons links neben der eingetippten Internet-Adresse einnimmt.
Ladestatus als Icon:
defaults write com.apple.Safari DebugUsePieProgressIndicator -bool true
Ladestatus als Fortschrittsbalken:
defaults write com.apple.Safari DebugUsePieProgressIndicator -bool false
Indikator für Ladezeit in Form einer Uhr
Tooltips entfernen
Werden Tooltips auf den Webseiten (rechteckige, gelbe Fenster bei Maus-Berührungen der Links) als informationsarm und störend empfunden, können diese browserweit ausgeschaltet werden.
Quickinfos unterdrücken:
defaults write com.apple.Safari WebKitShowsURLsInToolTips 0
Quickinfos einblenden:
defaults write com.apple.Safari WebKitShowsURLsInToolTips 1
Hinweis
Terminal als Anwendung ist unter Programme > Dienstprogramme zu finden. Safari muss nach ausgeführten Befehlen beendet und neu gestartet werden.
Nachgefragt
Welche der Tipps setzt ihr bereits ein? Welche werden zu Kandidaten?
18 Reaktionen zum Artikel
Am 14. Februar 2008
Die Ladezeitenanzeige hab ich doch gleich mal eingestellt.
Sieht doch ziemlich nett aus. Ich warte auch mal auf Safari 3.1 ab. Soll ja ziemlich abdüsen das Teil :D
Am 14. Februar 2008
Dass WebKit-Entwickler es immer wieder schaffen die Engine zu tunen und zu beschleunigen… Firefox-Nutzer werden langsam neidisch.
Am 14. Februar 2008
das mit der ladezeitanzeige ist wirklich nett. kannte ich nicht.
Am 14. Februar 2008
Solange Safari nicht die Erweiterungen bietet, die Firefox hat bleibt Safari bei mir aussen vor. Den Firefox kann ich mir einfach besser auf meine Bedürfnisse anpassen.
Der WebInspector schaut aber echt gut aus…
Am 14. Februar 2008
das problem an firefox ist, dass es durch die vielen addons verdammt langsam wird. am mac sowieso. für mich ein webdesign-tool, aber kein browser mehr. da ist safari oder camino besser.
Am 14. Februar 2008
Also ich hab das WebKit hier laufen und kann nur sagen: Sauuuuu-Schnell… Das macht richtig Spaß.
Naja, ist zwar schade dass es nur so wenig Plugins gibt und FF läuft für einige Sachen trotzdem noch, ich empfinde ihn aber trotzdem unter Mac als Fremdkörper…
Am 14. Februar 2008
Fremdkörper ist genau der richtige Ausdruck für Firefox unter Mac.
Ich vergöttere meinen Safari und liebe den Browser wegen zahlreichen Kleinigkeiten und der Integration ins System. Auch die Oberfläche, die abgerundeten Dropdowns, dehnbare Textareas machen mich an. Love4ever!
Am 14. Februar 2008
Ja, das Datei-Drag&Drop auf den Upload-Button ist auch sehr praktisch, und es passt einfach genau.
Finde die Safari-Tipps hier echt gut :)
Nutzt du auch schon das aktuelle WebKit? :P
Am 14. Februar 2008
Meinst du die Revision 30218? Bin noch nicht dazu gekommen, hatte aber über den Geschwindigkeitsvorteil gelesen und nicht schlecht gestaunt.
Am 15. Februar 2008
Ja, die neuste :)
Also ich finde dass sich die Geschwindigkeit deutlich gesteigert hat :)
Hatte vorher bei MySpace immer das Problem, dass dieser Musik-Player nicht geladen wurde.
Mit dem WebKit ist er gaaanz schnell da :)
Jetzt noch ne Plugin-Schnittstelle, mehr Plugins und die Spaw2-Unterstützung und der FF bleibt wirklich nur noch zum Testen da ;)
Am 15. Februar 2008
Was mich ernsthaft interessiert, wie die Webkit-Entwickler es schaffen, die Performance des Browser zu steigern? Weiss das jemand? Werden dabei bestimmte Techniken, Verfahren, Überlegungen eingesetzt? Warum kriegt Microsoft das nicht im geringsten hin?
Am 15. Februar 2008
Hm, gute Frage, naja ich glaube kaum dass der IE noch große Anhänger findet. Der wird doch eigentlich auch nur noch weiterentwickelt bzw. am Leben erhalten, weils ne große Schande für MS wäre, keinen eigenen Browser mehr mitzuliefern und irgendwie FF oder Opera/ Safari einzusetzen^^
Thema WebKit in Apfeltalk
Oder einfach webkit.org
Am 15. Februar 2008
Danke für die coolen Tipps.
@Sergej (11): Die Geschwindigkeitsvorteile entstehen, soweit ich weiß, hauptsächlich beim Rendern und nicht bei der Übertragung.
@Tobias (12): Nach IE6 und fast 100% Marktanteil wars so. Aber in letzter Zeit hat Microsoft gesehen das sie den Markt nicht für alle Ewigkeiten unter Kontrolle haben und der IE weiter entwickelt werden muss wenn man Marktanteile halten will.
Am 15. Februar 2008
@Florian
Das ist mir schon klar, dass es beim Rendern passiert. Die Frage ist nur, warum wird die Vorgehensweise des Parsens schneller? Ich meine, jeder Browser muss rendern, auch WebKit – nur warum wird’s jetzt performanter? Was ist nun anders als in der vorherigen Version?
Am 17. Februar 2008
webkit habe ich schon früher ausprobiert. war nicht schlecht. nur die übernahme von schlüsselbundeinträgen hat nie geklappt. mit den neueren versionen scheint es zu funktionieren. und schnell ist der browser auch. also wird es mein standard-browser.
Am 17. Februar 2008
Auf meine Nachfrage wegen der Machbarkeit der schnelleren Performance hatte macuser-Forum wie folgt geantwortet:
„…in Kurzform ist wohl der Grund: optimieren, optimieren, optimieren“
„…und ansonsten – nicht jede Verbesserung kommt direkt von den Webkit Entwicklern – es greift ja auch auf andere Systemteile zu.
sehr gut (inbesondere weil sehr deutlich) kann man das auch an Firefox 3.0 sehen
die zweier Version benutzt ausschliesslich alte Mac OS Technologien wie Quickdraw, Carbon
die Firefox 3 nun auch das moderne Quartz/Core Image, Cocoa u.s.w
und alle Optimierungen, die hier passierten (passieren) sind nun auch in FF zu sehen…“
„…Zusätzlich ist seit dem KDE auf WebKit setzt (und IMHO Google das auch in Android nutzt) die Entwicklergemeinde und auch die Entwicklungskompetenz gestiegen.“
Am 23. März 2008
Der Befehl für die alternative Ladeanzeige
„defaults write com.apple.Safari DebugUsePieProgressIndicator -bool true“
funktioniert bei mir seit der Aktualisierung auf Safari 3.1 nicht mehr, jetzt habe ich wieder den blöden Ladebalken :(
Ist das bei Euch auch so?
Am 24. März 2008
@Michael
Ja, die coole Ladeanzeige ist auch bei mir weg.