Safari에서 View Source를 어떻게 개선 / 교체 할 수 있습니까?


14

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

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

내가 찾고 있어요:

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

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


1
사실, 난 그냥 눈치 Cmd를 +는 그렇지 않은이 창에서 작동 하는 나쁜. 확대하면 앤티 앨리어싱이 켜집니다.
Dan

+1 @Dan Cmd + 팁에 감사드립니다! (특히 13 인치에 유용함 ...)
Martin S. Stoller

답변:


10

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

5

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

여기에 이미지 설명을 입력하십시오

BetterSource Safari 5 확장

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


감사. 이전의 View Source 메뉴가 여전히 있고 계속 선택하기 때문에 약간 혼동됩니다. 그러나 나는 그것이 좋은 옵션이라고 생각합니다.
Dan

2

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

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


어떤 이유로 든 4 픽셀로 설정 한 후에도 확대하지 않으면 소스를 에일리어싱하지 않습니다. 기본적으로 17 인치 MBP에 4 픽셀이있었습니다.
Dan

1
맞습니다 ... 범인은 포인트 크기 10에서도 앤티 앨리어싱이 아닌 모나코 글꼴 인 것 같습니다. 해당 글꼴에 대한 내용이 평범하지 않은 것 같습니다. .nib 파일의 일부 sleuthing은 Safari가 WebKitFixedFont를 기본 설정 키로 사용할 수 있음을 보여 주지만 모나코 하드 코드도 있습니다. 참조 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 소스 설정 페이지 (Safari> 환경 설정> Safari 소스)에서보기 소스 페이지의 글꼴 크기를 설정할 수 있습니다. 11 이상으로 설정하면 앤티 앨리어스가됩니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.