Jak mogę ulepszyć / wymienić View Source w Safari?

14

Po nowej konwersji na Safari jestem zdumiony tym, jak nieznośnie brzydki jest domyślny widok źródła strony.
Czcionka jest żałośnie mała i niezmienna, nie mówiąc już o kolorowaniu.

Czy istnieje sposób na ulepszenie funkcji Safari View Source lub płynne jej zastąpienie?

Szukam:

  • rozsądna domyślna czcionka, konfigurowalna jest lepsza;
  • podstawowe wyróżnianie składni HTML / JS;
  • pracuje nad Lionem.

Proszę powstrzymać się od sugerowania przeglądania źródła za pomocą Web Inspector: jest to miłe, ale nie jest wygodne do szybkiego przeglądania źródła.

Dan
źródło
1
Właśnie zauważyłem, że Cmd + działa w tym oknie, więc nie jest tak źle. Po powiększeniu włącza się wygładzanie krawędzi.
Dan
+1 @Dan Dzięki za wskazówkę Cmd +! (przydatne zwłaszcza na 13 "...)
Martin S. Stoller

Odpowiedzi:

10

BetterSource

Jest podobny do źródła widoku w Chrome na wiele sposobów:

  • Ma podświetlanie składni i numery linii
  • Jest otwierany w zakładce zamiast w oknie
  • Używa domyślnej czcionki Monospace określonej w preferencjach zamiast Monaco 12

Ograniczenia:

  • Numery linii są uwzględniane w zaznaczeniach
  • Widoku źródłowego nie można otworzyć skrótem
  • Pojawia się nieco dłużej niż normalne okno źródła

Ustawianie domyślnego poziomu powiększenia w niestandardowym arkuszu stylów

Niestandardowy arkusz stylów, który można określić na karcie Zaawansowane w preferencjach, wpływa również na okno źródła widoku. Nie wiem, jak konkretnie na to celować, ale zastosowałoby to domyślny poziom powiększenia zarówno dla niego, jak i dla treści witryny:

body { zoom: 125%; }

zobacz źródło w TextMate.scpt

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
źródło
5

Spójrz na to rozszerzenie Safari:

wprowadź opis zdjęcia tutaj

Rozszerzenie BetterSource Safari 5

BetterSource pokazuje źródło dokumentu na nowej karcie z numerami linii i podświetleniem składni kolorów.

farsz
źródło
Dzięki. Jest to nieco mylące, ponieważ stare menu View Source jest nadal dostępne i wciąż je wybieram. Ale myślę, że to z pewnością miła opcja.
Dan
2

Musisz przejść do Preferencji systemowych - Ogólne, a na dole ustaw minimalny rozmiar czcionki dla antyaliasingu na 4 piksele. W ten sposób uzyskasz antyaliasing dla małych czcionek.

(Nigdy nie rozumiałem, dlaczego muszą pozwolić ci to wybrać - czcionki poniżej 8 pikseli po prostu nie są czytelne bez antyaliasingu)

w00t
źródło
Z jakiegoś powodu, nawet po upewnieniu się, że jest ustawiony na 4 piksele, nadal otrzymuję źródło bez korekcji, chyba że powiększę. I miałem domyślnie 4 piksele na moim 17-MBP.
Dan
1
Masz rację ... Winowajcą wydaje się czcionka Monako, która nie ma antyialii nawet w rozmiarze 10. Nie ma nic niezwykłego w tej czcionce. Niewielkie zamieszanie w plikach .nib wydaje się wskazywać, że Safari może używać WebKitFixedFont jako klucza preferencji - ale ma też zakodowane Monako. Zobacz strings /Applications/Safari.app/Contents//Resources/English.lproj/HTMLSource.nib/objects.nibi opensource.apple.com/source/WebKit/WebKit-7534.48.3/win/…
w00t
2

Jeśli przejdziesz do preferencji Safari> Zaawansowane i ustawisz „Nigdy nie używaj czcionek mniejszych niż” na 11, powinno to rozwiązać problem wygładzania krawędzi.

Do podświetlania kolorów możesz użyć wtyczki SIMBL o nazwie Safari Source , która zrobi to za Ciebie.

AKTUALIZACJA: W rzeczywistości na stronie ustawień Safari Source (Safari> Preferencje> Safari Source) możesz ustawić rozmiar czcionki dla strony źródła widoku. Więc ustaw na cokolwiek powyżej 11, a będzie antyalias.

akhenig
źródło