Safari'de Görünüm Kaynağını nasıl iyileştirebilir / değiştirebilirim?


14

Safari'ye yeni bir dönüşüm olarak, ne kadar çirkin varsayılan sayfa kaynak görünümünden şaşkınım.
Yazı tipi sefil olarak küçük ve hizalanmamıştır, renk vurgulamasını yalnız bırakır.

Safari'nin View Source özelliğini geliştirmenin veya sorunsuz bir şekilde değiştirmenin bir yolu var mı?

Arıyorum:

  • makul varsayılan yazı tipi, özelleştirilebilir iyidir;
  • temel HTML / JS sözdizimi vurgulama;
  • Aslan üzerinde çalışıyor.

Lütfen Web Inspector ile görüntüleme kaynağı önermekten kaçının: güzel ama hızlı kaynak taraması için uygun değil.


1
Aslında, ben sadece fark Cmd + o değil yani bu pencerede çalışır o kötü. Yakınlaştırdığınızda kenar yumuşatma açılır.
Dan

+1 @Dan Cmd + ipucu için teşekkürler! (özellikle 13 "...) yararlı
Martin S. Stoller

Yanıtlar:


10

BetterSource

Chrome'daki görünüm kaynağına birçok açıdan benzer:

  • Sözdizimi vurgulama ve satır numaraları vardır
  • Pencere yerine bir sekmede açılır
  • Monako 12 yerine tercihlerde belirtilen varsayılan tek aralıklı yazı tipini kullanır

Sınırlamalar:

  • Satır numaraları seçimlere dahil edilir
  • Kaynak görünüm bir kısayol ile açılamaz
  • Görünmesi normal kaynak penceresinden biraz daha uzun sürer

Özel stil sayfasında varsayılan zum düzeyi belirleme

Tercihlerin Gelişmiş sekmesinde belirtebileceğiniz özel stil sayfası, görünüm kaynağı penceresini de etkiler. Özel olarak nasıl hedefleneceğini bilmiyorum, ancak bu hem ona hem de web sitesi içeriğine varsayılan bir yakınlaştırma düzeyi uygular:

body { zoom: 125%; }

kaynağı TextMate.scpt içinde görüntüle

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

5

Bu Safari uzantısına bir göz atın:

resim açıklamasını buraya girin

BetterSource Safari 5 Uzantısı

BetterSource, belge kaynağını satır numaraları ve renk sözdizimi vurgulamasıyla yeni bir sekmede gösterir.


Teşekkürler. Bu biraz kafa karıştırıcı çünkü eski Kaynak Görünümü menüsü hala orada ve onu seçmeye devam ediyorum. Ama kesinlikle güzel bir seçenek.
Dan

2

Sistem Tercihleri ​​- Genel'e gitmeniz ve altta kenar yumuşatma için minimum yazı tipi boyutunu 4 piksele ayarlamanız gerekir. Bu şekilde küçük fontlar için kenar yumuşatma elde edersiniz.

(Neden seçmenize izin vermek zorunda olduklarını hiç anlamadım - 8 piksel yazı tipinin altında kenar yumuşatma olmadan okunabilir değil)


Bazı nedenlerden dolayı, 4 piksele ayarlandığından emin olsak bile, yakınlaştırmadıkça hala kaynağın önyargısını alıyorum. Ve 17 'MBP'mde varsayılan olarak 4 piksel vardı.
Dan

1
Haklısın ... Suçlu, 10 punto büyüklüğünde bile kenar yumuşatma olmayan Monaco yazı tipi gibi görünüyor. Bu yazı tipi hakkında hiçbir şey sıradan değil. .Nib dosyalarındaki bazı oturum açma işlemleri, Safari'nin WebKitFixedFont'u tercih anahtarı olarak kullanabileceğini gösteriyor - ancak Monaco sabit kodlanmış. Bkz strings /Applications/Safari.app/Contents//Resources/English.lproj/HTMLSource.nib/objects.nibve opensource.apple.com/source/WebKit/WebKit-7534.48.3/win/…
w00t

2

Safari'nin tercihleri> Gelişmiş'e gidip "Asla daha küçük yazı tipi boyutlarını kullan" seçeneğini 11 olarak ayarlarsanız, kenar yumuşatma sorununu çözmesi gerekir.

Renk vurgulaması için Safari Source adlı bir SIMBL eklentisi kullanabilirsiniz .

GÜNCELLEME: Aslında, Safari Kaynağı ayarları sayfasında (Safari> Tercihler> Safari Kaynağı) görünüm kaynağı sayfasının yazı tipi boyutunu ayarlayabilirsiniz. Bu yüzden 11'in üzerinde bir şeye ayarlayın ve antialias olacaktır.

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.