मैं सफारी में व्यू सोर्स को कैसे सुधार / बदल सकता हूं?


14

सफारी में एक नए रूप में, मैं इस बात से चकित हूं कि असहनीय बदसूरत डिफ़ॉल्ट पृष्ठ स्रोत दृश्य कैसा है।
फ़ॉन्ट बुरी तरह से छोटा और निराला है, अकेले रंग को उजागर करना छोड़ दें।

क्या सफारी के व्यू सोर्स फीचर को बढ़ाने या इसे बदलने के लिए कोई तरीका है?

मैं देख रहा हूँ:

  • उचित डिफ़ॉल्ट फ़ॉन्ट, अनुकूलन बेहतर है;
  • मूल HTML / JS सिंटैक्स हाइलाइटिंग;
  • सिंह पर काम कर रहे हैं।

कृपया वेब इंस्पेक्टर के साथ स्रोत देखने का सुझाव देने से बचें: यह अच्छा है लेकिन त्वरित स्रोत ब्राउज़िंग के लिए सुविधाजनक नहीं है।


1
वास्तव में, मैंने सिर्फ इस विंडो में Cmd + के काम पर ध्यान दिया है ताकि यह उतना बुरा न हो । एक बार जब आप ज़ूम इन करते हैं, तो एंटीएलियासिंग चालू हो जाती है।
दान

Cmd + टिप के लिए +1 @ धन्यवाद! (विशेष रूप से 13 पर उपयोगी ...)
मार्टिन एस। स्टोलर

जवाबों:


10

BetterSource

यह क्रोम में व्यू सोर्स के समान है:

  • इसमें सिंटैक्स हाइलाइटिंग और लाइन नंबर हैं
  • यह एक विंडो के बजाय एक टैब में खोला गया है
  • मोनाको 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

इस सफारी एक्सटेंशन पर एक नज़र डालें:

यहां छवि विवरण दर्ज करें

बेटरसोर्स सफारी 5 एक्सटेंशन

बेटरसोर्स नए दस्तावेज़ में लाइन नंबर और रंग सिंटैक्स हाइलाइटिंग के साथ दस्तावेज़ स्रोत दिखाता है।


धन्यवाद। यह थोड़ा भ्रामक है क्योंकि पुराना व्यू सोर्स मेनू अभी भी है और मैं इसे चुनना जारी रखता हूं। लेकिन मुझे लगता है कि यह निश्चित रूप से एक अच्छा विकल्प है।
डेन

2

आपको सिस्टम वरीयताएँ पर जाने की आवश्यकता है - सामान्य और सबसे नीचे 4 पिक्सेल के लिए एंटीलिअसिंग के लिए न्यूनतम फ़ॉन्ट आकार सेट करें। इस तरह आप छोटे फोंट के लिए एंटीएलियासिंग प्राप्त करेंगे।

(मुझे समझ में नहीं आया कि उन्हें आपको यह चुनने की अनुमति क्यों दी गई है - 8px फोंट के तहत बिना एंटीएलियासिंग के सिर्फ पढ़ने योग्य नहीं है)


किसी कारण से, यह सुनिश्चित करने के बाद भी कि यह 4 पिक्सेल पर सेट है, तब भी मुझे स्रोत अप्रकाशित मिलता है जब तक कि मैं ज़ूम इन नहीं करता। और मेरे 17 'एमबीपी पर डिफ़ॉल्ट रूप से 4 पिक्सेल थे।
डेन

1
आप सही कह रहे हैं ... अपराधी को मोनाको फ़ॉन्ट लगता है जो बिंदु आकार में भी एंटीएलियास नहीं है। उस फ़ॉन्ट के बारे में कुछ भी सामान्य से बाहर नहीं लगता है। .Nib फ़ाइलों में कुछ स्लीपिंगहंग ऐसा प्रतीत होता है कि सफारी एक प्राथमिकता कुंजी के रूप में WebKitFixedFont का उपयोग कर सकती है - लेकिन इसमें मोनाको हार्डकोड भी है। देखें strings /Applications/Safari.app/Contents//Resources/English.lproj/HTMLSource.nib/objects.nibऔर खुलता है
।ource.apple.com

2

यदि आप सफ़ारी की प्राथमिकताओं पर जाएं> उन्नत और सेट करें "11 से छोटे फ़ॉन्ट का उपयोग कभी न करें", यह एंटी अलियासिंग समस्या को ठीक करना चाहिए।

रंग हाइलाइटिंग के लिए आप सफारी स्रोत नामक एक SIMBL प्लगइन का उपयोग कर सकते हैं हैं जो आपके लिए ऐसा करेगा।

अद्यतन: वास्तव में, सफारी स्रोत सेटिंग्स पेज (सफारी> वरीयताएँ> सफारी स्रोत) में आप व्यू सोर्स पेज के लिए फ़ॉन्ट आकार सेट कर सकते हैं। तो यह 11 से ऊपर कुछ भी करने के लिए सेट करें और यह एंटीएलियास होगा।

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.