Wie kann ich View Source in Safari verbessern/ersetzen?

Als neuer Konvertit zu Safari bin ich erstaunt, wie unerträglich hässlich die standardmäßige Quellseitenansicht ist.
Die Schrift ist miserabel klein und ohne Aliasing, ganz zu schweigen von der Farbhervorhebung.

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

Ich suche:

  • vernünftige Standardschriftart, anpassbar ist besser;
  • Hervorhebung der grundlegenden HTML/JS-Syntax;
  • Arbeiten an Lion.

Bitte sehen Sie davon ab, die Anzeige der Quelle mit Web Inspector vorzuschlagen: Es ist nett, aber nicht praktisch für das schnelle Durchsuchen der Quelle.

Tatsächlich habe ich gerade bemerkt, dass Cmd + in diesem Fenster funktioniert, also ist es nicht so schlimm. Sobald Sie hineinzoomen, wird Antialiasing aktiviert.

Antworten (4)

BetterSource

Es ähnelt in vielerlei Hinsicht der Ansichtsquelle in Chrome:

  • Es hat Syntaxhervorhebung und Zeilennummern
  • Es wird in einem Tab statt in einem Fenster geöffnet
  • Verwendet anstelle von Monaco 12 die in den Einstellungen angegebene Standardschriftart mit fester Breite

Einschränkungen:

  • Zeilennummern sind in Auswahlen enthalten
  • Die Quellansicht kann nicht mit einer Verknüpfung geöffnet werden
  • Es dauert etwas länger, bis das normale Quellfenster erscheint

Festlegen einer Standard-Zoomstufe in einem benutzerdefinierten Stylesheet

Das benutzerdefinierte Stylesheet, das Sie auf der Registerkarte „Erweitert“ der Einstellungen festlegen können, wirkt sich auch auf das Fenster „Quelle anzeigen“ aus. Ich weiß nicht, wie ich es gezielt ansprechen soll, aber dies würde eine Standard-Zoomstufe sowohl auf es als auch auf den Inhalt der Website anwenden:

body { zoom: 125%; }

Quelle 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

Sehen Sie sich diese Safari-Erweiterung an:

Geben Sie hier die Bildbeschreibung ein

BetterSource Safari 5-Erweiterung

BetterSource zeigt die Dokumentquelle in einer neuen Registerkarte mit Zeilennummern und farblicher Syntaxhervorhebung an.

Vielen Dank. Das ist etwas verwirrend, weil das alte View Source-Menü immer noch da ist und ich es immer wieder auswähle. Aber ich denke, es ist sicherlich eine gute Option.

Sie müssen zu Systemeinstellungen - Allgemein gehen und unten die minimale Schriftgröße für Antialiasing auf 4 Pixel einstellen. Auf diese Weise erhalten Sie Antialiasing für kleine Schriftarten.

(Ich habe nie verstanden, warum sie Sie das auswählen lassen müssen - unter 8px-Schriftarten sind ohne Antialiasing einfach nicht lesbar.)

Aus irgendeinem Grund bekomme ich, selbst nachdem ich sichergestellt habe, dass es auf 4 Pixel eingestellt ist, die Quelle immer noch ohne Aliasing, es sei denn, ich zoome hinein. Und ich hatte standardmäßig 4 Pixel auf meinem 17-Zoll-MBP.
Sie haben recht... Schuld scheint die Monaco-Schriftart zu sein, die selbst bei Punktgröße 10 kein Antialiasing bietet. Nichts an dieser Schriftart scheint außergewöhnlich zu sein. Einige Nachforschungen in den .nib-Dateien scheinen zu zeigen, dass Safari WebKitFixedFont als Einstellungsschlüssel verwenden könnte - aber es hat 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/…

Wenn Sie zu Safaris Einstellungen > Erweitert gehen und "Schriftgrößen nie kleiner als verwenden" auf 11 einstellen, sollte das Anti-Aliasing-Problem behoben werden.

Für die Farbhervorhebung können Sie ein SIMBL-Plugin namens Safari Source verwenden, das dies für Sie erledigt.

UPDATE: Tatsächlich können Sie auf der Einstellungsseite der Safari-Quelle (Safari>Einstellungen>Safari-Quelle) die Schriftgröße für die Ansichtsquellenseite festlegen. Stellen Sie es also auf etwas über 11 und es wird Antialiasing ausgeführt.

Wie kann ich View Source in Safari verbessern/ersetzen?
AntwortenHierDatenschutz-Bestimmungen1y, 0v