Safari에서 View Source를 어떻게 개선 / 교체 할 수 있습니까? 기본 페이지 소스

Safari 로의 새로운 개종자로서, 기본 페이지 소스 뷰가 참으로 추악합니다.
글꼴이 너무 작고 앨리어싱 처리되지 않아 색상 강조 만 표시됩니다.

Safari의 소스보기 기능을 향상 시키거나 완벽하게 대체 할 수있는 방법이 있습니까?

내가 찾고 있어요:

  • 합리적인 기본 글꼴, 사용자 정의가 더 좋습니다.
  • 기본 HTML / JS 구문 강조;
  • 라이온을 위해 일하고 있습니다.

Web Inspector로 소스보기를 제안하지 마십시오. 훌륭하지만 빠른 소스 탐색에는 편리하지 않습니다.



답변

BetterSource

다음과 같은 여러 가지면에서 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

답변

이 Safari 확장을 살펴보십시오.

BetterSource Safari 5 확장

BetterSource는 문서 번호를 줄 번호 및 색상 구문 강조와 함께 새 탭에 표시합니다.


답변

시스템 환경 설정-일반으로 이동하여 맨 아래에 앤티 앨리어싱을위한 최소 글꼴 크기를 4 픽셀로 설정해야합니다. 이렇게하면 작은 글꼴에 앤티 앨리어싱이 적용됩니다.

(8px 미만의 글꼴은 앤티 앨리어싱없이 읽을 수없는 이유는 무엇인지 이해하지 못했습니다)


답변

Safari의 환경 설정> 고급으로 이동하여 “보다 작은 글꼴 크기를 사용하지 마십시오”를 11로 설정하면 앤티 앨리어싱 문제가 해결됩니다.

색상 강조를 위해 Safari Source 라는 SIMBL 플러그인을 사용할 수 있습니다.

업데이트 : 실제로 Safari 소스 설정 페이지 (Safari> 환경 설정> Safari 소스)에서보기 소스 페이지의 글꼴 크기를 설정할 수 있습니다. 11 이상으로 설정하면 앤티 앨리어스가됩니다.