Wie kann ich View Source in Safari verbessern / ersetzen?

14

Als Neukonverter von Safari bin ich erstaunt darüber, wie unerträglich die Standard-Seitenquellansicht ist.
Die Schrift ist jämmerlich klein und unausgeglichen, ganz zu schweigen von der farblichen Hervorhebung.

Gibt es eine Möglichkeit, die View Source-Funktion von Safari zu verbessern oder nahtlos zu ersetzen?

Ich suche:

  • angemessene Standardschrift, anpassbar ist besser;
  • grundlegende Hervorhebung der HTML / JS-Syntax;
  • Arbeiten an Lion.

Bitte schlagen Sie nicht vor, dass Sie die Quelle mit Web Inspector anzeigen: Es ist nett, aber für das schnelle Durchsuchen der Quelle nicht geeignet.

Dan
quelle
1
Tatsächlich habe ich gerade bemerkt, dass Cmd + in diesem Fenster funktioniert, es ist also nicht so schlimm. Sobald Sie hineingezoomt haben, wird das Antialiasing aktiviert.
Dan
+1 @Dan Danke für den Cmd + -Tipp! (besonders nützlich auf 13 "...)
Martin S. Stoller

Antworten:

10

BetterSource

Es ähnelt in vielerlei Hinsicht der Ansichtsquelle in Chrome:

  • Es verfügt über Syntaxhervorhebung und Zeilennummern
  • Es wird in einem Tab anstelle eines Fensters geöffnet
  • Verwendet die in den Voreinstellungen festgelegte Standard-Monospace-Schriftart anstelle von Monaco 12

Einschränkungen:

  • Zeilennummern sind in der Auswahl enthalten
  • Die Quellansicht kann nicht mit einer Verknüpfung geöffnet werden
  • Dauert etwas länger als das normale Quellfenster

Festlegen einer Standardzoomstufe in einem benutzerdefinierten Stylesheet

Das benutzerdefinierte Stylesheet, das Sie in den Voreinstellungen auf der Registerkarte "Erweitert" angeben können, wirkt sich auch auf das Quellfenster der Ansicht aus. Ich weiß nicht, wie ich es gezielt ausrichten soll, aber dies würde eine Standardzoomstufe sowohl auf es als auch auf den Website-Inhalt anwenden:

body { zoom: 125%; }

Quelltext in TextMate.scpt anzeigen

tell application "Safari" to tell document 1
    repeat 100 times
        if (do JavaScript "document.readyState") is "complete" then exit repeat
        delay 0.05
    end repeat
    set src to source
    set u to URL
end tell

try
    tell application "TextMate"
        open POSIX file u
        activate
    end tell
on error
    set f to do shell script "f=`echo " & quoted form of u & " |
    sed 's|.*://||;s|/$||;s|:|-|g;s|/|-|g'`; echo \"/tmp/view-source-$f.html\""
    do shell script "/bin/echo " & quoted form of src & " > " & quoted form of f
    set f to POSIX file f
    tell application "TextMate"
        activate
        open f
    end tell
end try
Lri
quelle
5

Schauen Sie sich diese Safari-Erweiterung an:

Bildbeschreibung hier eingeben

BetterSource Safari 5 Erweiterung

BetterSource zeigt die Dokumentquelle auf einer neuen Registerkarte mit Zeilennummern und farbiger Hervorhebung der Syntax.

stuffe
quelle
Vielen Dank. Dies ist etwas verwirrend, da das alte Quelltext-Menü immer noch vorhanden ist und ich es weiterhin auswähle. Aber ich denke, es ist sicherlich eine gute Option.
Dan
2

Gehen Sie zu Systemeinstellungen - Allgemein und stellen Sie unten die minimale Schriftgröße für Antialiasing auf 4 Pixel ein. Auf diese Weise erhalten Sie ein Antialiasing für kleine Schriftarten.

(Ich habe nie verstanden, warum man das auswählen muss - unter 8px sind Schriften ohne Antialiasing einfach nicht lesbar)

w00t
quelle
Aus irgendeinem Grund wird die Quelle, auch wenn sie auf 4 Pixel eingestellt ist, immer noch nicht kalibriert, es sei denn, ich zoome hinein. Außerdem hatte mein 17-Zoll-MBP standardmäßig 4 Pixel.
Dan
1
Sie haben Recht ... Der Schuldige scheint die Monaco-Schrift zu sein, die auch bei Punktgröße 10 keine Antialias-Zeichen aufweist. Nichts an dieser Schrift scheint ungewöhnlich zu sein. Einige Änderungen in den .nib-Dateien scheinen darauf hinzudeuten, dass Safari möglicherweise WebKitFixedFont als Einstellungsschlüssel verwendet - es ist jedoch auch Monaco fest codiert. Siehe strings /Applications/Safari.app/Contents//Resources/English.lproj/HTMLSource.nib/objects.nibund opensource.apple.com/source/WebKit/WebKit-7534.48.3/win/…
w00t
2

Wenn Sie zu Safari's Einstellungen> Erweitert gehen und "Niemals Schriftgrößen kleiner als" auf 11 setzen, sollte das Anti-Aliasing-Problem behoben sein.

Zum Hervorheben von Farben können Sie ein SIMBL-Plugin namens Safari Source verwenden , das dies für Sie erledigt .

AKTUALISIERUNG: Tatsächlich können Sie auf der Seite mit den Einstellungen für Safari Source (Safari> Einstellungen> Safari Source) die Schriftgröße für die Quellseite der Ansicht festlegen. Stellen Sie also einen Wert über 11 ein, und es wird ein Antialias angezeigt.

akhenig
quelle