Làm cách nào tôi có thể cải thiện / thay thế Xem Nguồn trong Safari?


14

Là một chuyển đổi mới sang Safari, tôi ngạc nhiên bởi cách xem nguồn trang mặc định xấu xí không chịu nổi.
Phông chữ nhỏ và không thiên vị, chỉ để lại màu sắc nổi bật.

Có cách nào để nâng cao tính năng Xem Nguồn của Safari hoặc thay thế hoàn toàn không?

Tôi đang tìm kiếm:

  • phông chữ mặc định hợp lý, tùy biến là tốt hơn;
  • tô sáng cú pháp HTML / JS cơ bản;
  • làm việc trên Lion.

Vui lòng không đề xuất nguồn xem với Web Inspector: nó rất hay nhưng không tiện cho việc duyệt nguồn nhanh.


1
Trong thực tế, tôi chỉ nhận thấy Cmd + làm việc trong cửa sổ này để nó không là xấu. Khi bạn phóng to, khử răng cưa sẽ bật.
Dan

+1 @Dan Cảm ơn vì mẹo Cmd +! (đặc biệt hữu ích vào ngày 13 "...)
Martin S. Stoller

Câu trả lời:


10

Nguồn tốt hơn

Nó tương tự như nguồn xem trong Chrome theo nhiều cách:

  • Nó có tô sáng cú pháp và số dòng
  • Nó được mở trong một tab thay vì một cửa sổ
  • Sử dụng phông chữ đơn cách mặc định được chỉ định trong tùy chọn thay vì Monaco 12

Hạn chế:

  • Số dòng được bao gồm trong các lựa chọn
  • Không thể mở chế độ xem nguồn bằng phím tắt
  • Mất một chút thời gian để xuất hiện hơn so với cửa sổ nguồn bình thường

Đặt mức thu phóng mặc định trong biểu định kiểu tùy chỉnh

Biểu định kiểu tùy chỉnh bạn có thể chỉ định trong tab Nâng cao của tùy chọn cũng ảnh hưởng đến cửa sổ nguồn xem. Tôi không biết cách nhắm mục tiêu cụ thể, nhưng điều này sẽ áp dụng mức thu phóng mặc định cho cả nội dung và trang web:

body { zoom: 125%; }

xem nguồn trong 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

Hãy xem phần mở rộng Safari này:

nhập mô tả hình ảnh ở đây

Phần mở rộng BetterSource Safari 5

BetterSource hiển thị nguồn tài liệu trong một tab mới, với số dòng và tô sáng cú pháp màu.


Cảm ơn. Điều này hơi khó hiểu vì menu View Source cũ vẫn còn đó và tôi tiếp tục chọn nó. Nhưng tôi đoán đó chắc chắn là một lựa chọn tốt.
Dan

2

Bạn cần đi đến Tùy chọn hệ thống - Chung và ở dưới cùng đặt kích thước phông chữ tối thiểu để khử răng cưa thành 4 pixel. Bằng cách đó, bạn sẽ có được khử răng cưa cho các phông chữ nhỏ.

(Tôi không bao giờ hiểu lý do tại sao họ phải cho phép bạn chọn điều đó - phông chữ dưới 8px chỉ không thể đọc được nếu không khử răng cưa)


Vì một số lý do, ngay cả sau khi đảm bảo nó được đặt thành 4 pixel, tôi vẫn nhận được nguồn không thiên vị trừ khi tôi phóng to. Và tôi có 4 pixel theo mặc định trên MBP 17 'của mình.
Dan

1
Bạn nói đúng ... Thủ phạm dường như là phông chữ Monaco không phải là antialias ngay cả ở kích thước điểm 10. Không có gì về phông chữ đó dường như không bình thường. Một số điều tra trong các tệp .nib dường như cho thấy Safari có thể sử dụng WebKitFixedFont làm khóa ưu tiên - nhưng nó cũng có mã hóa cứng của Monaco. Xem strings /Applications/Safari.app/Contents//Resources/English.lproj/HTMLSource.nib/objects.nibopensource.apple.com/source/WebKit/WebKit-7534.48.3/win/iêu
w00t

2

Nếu bạn truy cập tùy chọn của Safari> Nâng cao và đặt "Không bao giờ sử dụng kích thước phông chữ nhỏ hơn" thành 11, thì nó sẽ khắc phục vấn đề khử răng cưa.

Để làm nổi bật màu sắc, bạn có thể sử dụng plugin SIMBL có tên Safari Source sẽ làm điều đó cho bạn.

CẬP NHẬT: Trên thực tế, trong trang cài đặt Nguồn Safari (Safari> Tùy chọn> Nguồn Safari), bạn có thể đặt kích thước phông chữ cho trang nguồn xem. Vì vậy, đặt nó thành bất cứ điều gì trên 11 và nó sẽ antialias.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.