ฉันจะปรับปรุง / แทนที่ View Source ใน Safari ได้อย่างไร


14

ในฐานะที่เป็นตัวแปลงใหม่เป็น Safari ฉันประหลาดใจกับมุมมองที่มาของหน้าเริ่มต้นที่น่าเกลียดอย่างไม่น่าเชื่อ
แบบอักษรมีขนาดเล็กและไม่น่าสังเวชใด ๆ

มีวิธีในการปรับปรุงคุณสมบัติ View Source ของ Safari หรือแทนที่อย่างราบรื่นหรือไม่?

ฉันกำลังหา:

  • แบบอักษรเริ่มต้นที่เหมาะสมปรับแต่งดีกว่า;
  • การเน้นไวยากรณ์ HTML / JS พื้นฐาน
  • ทำงานกับ Lion

โปรดหลีกเลี่ยงการแนะนำแหล่งดูด้วย Web Inspector: มันเป็นเรื่องดี แต่ไม่สะดวกสำหรับการท่องเว็บแบบรวดเร็ว


1
ในความเป็นจริงผมเพิ่งสังเกตเห็นCmd +ทำงานในหน้าต่างนี้จึงไม่ได้ว่าไม่ดี เมื่อคุณซูมเข้าการลดรอยหยักจะเปิดขึ้น
ด่าน

+1 @Dan ขอบคุณ Cmd + tip! (มีประโยชน์โดยเฉพาะในวันที่ 13 "... )
Martin S. Stoller

คำตอบ:


10

BetterSource

มันคล้ายกับที่มาของมุมมองใน Chrome ได้หลายวิธี:

  • มันมีการเน้นไวยากรณ์และหมายเลขบรรทัด
  • มันเปิดในแท็บแทนหน้าต่าง
  • ใช้แบบอักษรเริ่มต้น monospace ที่ระบุไว้ในการตั้งค่าแทนโมนาโก 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 เก่ายังคงอยู่ที่นั่นและฉันเลือกต่อไป แต่ฉันคิดว่ามันเป็นตัวเลือกที่ดีอย่างแน่นอน
ด่าน

2

คุณต้องไปที่การตั้งค่าระบบ - ทั่วไปและที่ด้านล่างกำหนดขนาดตัวอักษรขั้นต่ำสำหรับการลดรอยหยักเป็น 4 พิกเซล ด้วยวิธีนี้คุณจะได้รับการลดรอยหยักสำหรับแบบอักษรขนาดเล็ก

(ฉันไม่เคยเข้าใจว่าทำไมพวกเขาถึงต้องให้คุณเลือกว่า - แบบอักษรขนาดต่ำกว่า 8px ไม่สามารถอ่านได้โดยไม่ลบรอยหยัก)


ด้วยเหตุผลบางอย่างแม้ว่าหลังจากมั่นใจแล้วว่าตั้งค่าเป็น 4 พิกเซลฉันยังคงได้รับแหล่งที่มาที่ไม่ได้ยกเว้นถ้าฉันซูมเข้าและฉันมี 4 พิกเซลตามค่าเริ่มต้นใน MBP 17 'ของฉัน
ด่าน

1
คุณพูดถูก ... ผู้กระทำผิดดูเหมือนจะเป็นตัวอักษรโมนาโกซึ่งไม่ได้เป็น antialias แม้ในขนาดที่ 10 ไม่มีอะไรเกี่ยวกับตัวอักษรที่ดูเหมือนว่าจะผิดปกติ นักสืบบางคนในไฟล์. nib ดูเหมือนว่า Safari อาจใช้ WebKitFixedFont เป็นคีย์การกำหนดค่าตามความชอบ - แต่มันก็มีโมนาโกฮาร์ดโค้ดด้วย ดูstrings /Applications/Safari.app/Contents//Resources/English.lproj/HTMLSource.nib/objects.nibและ opensource.apple.com/source/WebKit/WebKit-7534.48.3/win/…
w00t

2

หากคุณไปที่การตั้งค่าของ Safari> ขั้นสูงและตั้งค่า "ไม่ใช้ขนาดตัวอักษรที่เล็กกว่า" ถึง 11 ควรแก้ไขปัญหาการลบรอยหยัก

สำหรับการเน้นสีคุณสามารถใช้ปลั๊กอิน SIMBL ที่เรียกว่าSafari Sourceซึ่งจะทำเพื่อคุณ

อัปเดต: จริง ๆ แล้วในหน้าการตั้งค่าแหล่งที่มาของ Safari (Safari> การตั้งค่า> แหล่งที่มาของ Safari) คุณสามารถกำหนดขนาดตัวอักษรสำหรับหน้าแหล่งที่มาของมุมมอง ดังนั้นตั้งให้เป็นอะไรก็ได้ที่สูงกว่า 11 แล้วมันจะเป็นแอนเทียเลีย

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.