如何在Safari中改善/替换View Source?


14

作为向Safari的新转换,默认页面源视图多么丑陋,令我感到惊讶。
字体非常小且没有锯齿,仅保留颜色突出显示。

有没有办法增强Safari的“查看源代码”功能或无缝替换它?

我在找:

  • 合理的默认字体,可定制性更好;
  • 基本的HTML / JS语法突出显示;
  • 在狮子上工作。

请不要建议使用Web Inspector查看源代码:这很好,但是对于快速浏览源代码并不方便。


1
其实,我只注意到加利福尼亚+工作在这个窗口中,所以它不是坏。放大后,抗锯齿功能将打开。

+1 @Dan感谢Cmd +提示!(特别适用于13英寸...)
Martin S. Stoller

Answers:


10

更好的资源

它在很多方面类似于Chrome中的视图源:

  • 它具有语法突出显示和行号
  • 在选项卡而不是窗口中打开
  • 使用首选项中指定的默认等宽字体而不是Monaco 12

局限性:

  • 行号包含在选择中
  • 无法使用快捷方式打开源视图
  • 出现时间比正常的源窗口长一点

在自定义样式表中设置默认缩放级别

您可以在首选项的“高级”选项卡中指定的自定义样式表也会影响视图源窗口。我不知道如何专门针对它,但这会将默认缩放级别应用于它和网站内容:

body { zoom: 125%; }

在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

5

看一下这个Safari扩展:

在此处输入图片说明

BetterSource Safari 5扩展

BetterSource在新选项卡中显示文档源,并带有行号和高亮显示的颜色语法。


谢谢。这有点令人困惑,因为旧的“查看源代码”菜单仍然存在,我一直在选择它。但是我想这肯定是一个不错的选择。

2

您需要转到“系统偏好设置-常规”,并在底部将抗锯齿的最小字体大小设置为4像素。这样,您将获得小字体的抗锯齿功能。

(我从来不明白为什么他们必须让您选择-8px以下的字体如果不使用抗锯齿就无法读取)


出于某种原因,即使在将其设置为4像素后,除非放大,否则我仍然会保持锯齿状。默认情况下,我的17英寸MBP上有4像素。

1
您是对的……罪魁祸首似乎是摩纳哥字体,即使在10号字号处也没有抗锯齿。关于该字体的一切似乎都与众不同。.nib文件中的某些侦查似乎表明Safari可能使用WebKitFixedFont作为首选项键-但它也已对Monaco进行了硬编码。请参阅strings /Applications/Safari.app/Contents//Resources/English.lproj/HTMLSource.nib/objects.nibopensource.apple.com/source/WebKit/WebKit-7534.48.3/win/…–
w00t

2

如果您转到Safari的偏好设置>高级,并将“从不使用小于的字体大小”设置为11,则应该可以解决反锯齿问题。

要突出显示颜色,可以使用一个名为Safari Source的SIMBL插件来为您完成。

更新:实际上,在Safari Source设置页面(Safari> Preferences> Safari Source)中,您可以设置视图源页面的字体大小。因此,将其设置为11以上的值,它将消除锯齿。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.