सीएसएस विक्रेता उपसर्ग

तिनीहरू के हुन् र तपाईंले तिनीहरूलाई किन प्रयोग गर्नुपर्छ?

CSS विक्रेता उपसर्ग, केहि समय पछि या सीएसएस ब्राउजर उपसर्ग, ब्राउजर निर्माताहरु को लागि नयाँ सीएसएस विशेषताहरु को समर्थन को जोडने को लागि एक तरीका हो जुन उन विशेषताहरु लाई सबै ब्राउजर मा पूर्ण समर्थित छ। यो टेस्ट र प्रयोग अवधिको अवधिमा हुन सक्छ जहाँ ब्राउजर निर्माताले निर्धारण गर्दै वास्तवमा यी नयाँ CSS विशेषताहरु कसरी लागू हुनेछन्। यो उपसर्ग केही वर्ष अघि CSS3 को वृद्धि भएको धेरै लोकप्रिय भयो।

जब सीसीएस 3 पहिलो पटक पेश भएको थियो, विभिन्न उत्खननहरूमा विभिन्न ब्राउजरहरू हिट गर्न धेरै उत्साहित गुणहरू सुरु भयो। उदाहरणको लागि, वेबकिट-संचालित ब्राउजरहरू (सफारी र क्रोम) पहिलो व्यक्ति थिए जुन परिवर्तन र परिवर्तन जस्ता एनिमेसन-शैली गुणहरू परिचय गर्न पहिलो थिए। विक्रेटर उपसर्गित गुणहरू प्रयोग गरेर, वेब डिजाईजरहरूले उनीहरूको काममा ती नयाँ सुविधाहरू प्रयोग गर्न सक्षम थिए र तिनीहरूलाई ब्राउजरमा देखेको देखेको छ जुन उनीहरूलाई अन्य ब्राउजर निर्माताले उठाउनको लागि पर्खनुको सट्टामा सँधै सहयोग गर्दछ!

त्यसैले अगाडि-अन्त वेब विकासकर्ताको परिप्रेक्ष्यबाट, ब्राउजर उपसर्गहरूले साइटमा नयाँ CSS विशेषताहरू थप्नको लागि प्रयोग गर्न प्रयोग गरिन्छ भनेर जान्छ कि ब्राउजरले ती शैलीहरूलाई समर्थन गर्नेछ। यो विशेष गरी उपयोगी हुन सक्छ जब विभिन्न ब्राउजर निर्माताहरूले केही फरक तरिकामा वा फरक सिन्ट्याक्ससँग गुणहरू लागू गर्छन्।

CSS ब्राउजरले तपाइँले प्रयोग गर्न सक्नुहुनेछ (जसको प्रत्येक फरक ब्राउजरको लागि निर्दिष्ट छ):

• Android: -webkit-
• क्रोम: -webkit-
• फायरफक्स: -oz-
• इन्टरनेट एक्सप्लोरर: -ms-
• iOS: -webkit-
• ओपेरा: -o-
• सफारी: -वेबिट-

अधिकतर अवस्थाहरूमा, ब्रान्ड नयाँ CSS शैली सम्पत्ति प्रयोग गर्न, तपाइँ मानक CSS गुण लिनुहुन्छ र प्रत्येक ब्राउजरको लागि उपसर्ग थप्नुहोस्। उपसर्गित संस्करणहरू सधैँ आउनेछ (सामान्यतया कुनै पनि आदेशमा) जब तपाई सामान्य CSS सम्पत्ति आउनेछ। उदाहरणको लागि, यदि तपाइँ तपाइँको कागजातमा CSS3 संक्रमण थप्न चाहानुहुन्छ भने, तपाइँले परिवर्तनको सम्पत्ति प्रयोग गर्नुहुनेछ जस्तै तल देखाइएको छ:

-विशेषता- संक्रमण: सबै 4 सजिलो;
-मोज- संक्रमण: सबै 4 सय आराम;
-एमएस- संक्रमण: सबै 4 सजिलो;
-ओ- संक्रमण: सबै 4 सजिलो;
संक्रमण: सबै 4 सजिलो;

नोट: सम्झनुहोस्, केहि ब्राउजरहरूसँग अन्य गुणहरूको लागि निश्चित विशेषताहरूको लागि फरक वाक्यविन्यास छ, त्यसो गरेन कि यो गुणको ब्राउजर-पूर्वनिर्धारित संस्करण मानक गुणको रूपमा हो। उदाहरणका लागि, CSS ढाँचा सिर्जना गर्न, तपाईं रैखिक-ढाल गुण प्रयोग गर्नुहुन्छ। फायरफक्स, ओपेरा, र क्रोम र सफारीको आधुनिक संस्करणहरू जुन उपयुक्त उपसर्गको साथ प्रयोग गर्दछ जुन क्रोम र सफारीको प्रारम्भिक संस्करणहरू पूर्वनिर्धारित सम्पत्ति -webk-gradient प्रयोग गर्दछ। साथै, फायरफक्सले मानकहरूलाई भन्दा फरक मानहरू प्रयोग गर्दछ।

सीएसएस गुणको सामान्य, गैर-पूर्वनिर्धारित संस्करणको साथ तपाईले तपाइँको घोषणा समाप्त गर्नुभएका कारण यो हो कि जब ब्राउजरले नियमलाई समर्थन गर्दछ, यो त्यो प्रयोग गर्नेछ। याद राख्नुहोस् कि सीएसएस कसरी पढेको छ। पछिका नियमहरू पहिला भन्दा माथिको उदाहरण हो भने निर्दिष्टता समान हो, त्यसैले ब्राउजरले नियमको विक्रेन्ड संस्करण पढ्न र प्रयोग गर्दछ भने यदि यो सामान्य समर्थन गर्दैन, तर एकपटक यसले यसलाई विक्रेन्ड संस्करण अधिलेखन गर्नेछ। वास्तविक CSS नियम।

विक्रेता उपसर्गहरू हैक होइन

जब विक्रेता उपसर्ग पहिलो पटक पेश भयो, धेरै वेब प्रोफेसरहरू आश्चर्यचकित भए कि यदि तिनीहरू ह्याक वा अँध्यारो ब्राउजरहरूको समर्थन गर्न वेबसाइटको कोड फर्काउन अँध्यारो हुन्थे भने उनीहरूलाई " यो साइट आईई सन्देशहरूमा सबै भन्दा राम्रो हेरिएको छ " सम्झनुहोस्। सीएसएस बिक्रेता उपसर्गहरू हेक्स होइनन्, तथापि, र तपाइँसँग तपाइँको काममा उनीहरुको प्रयोगको बारेमा कुनै रिजर्भेसन हुनुपर्दछ।

एक सीएसएस हैकले अन्य गुण वा गुणको कार्यान्वयनमा दोषहरू शोषण गर्दछ जुन अन्य सम्पत्तिलाई सही काम गर्न को लागी। उदाहरणको लागि, बाकस मोडेल ह्याक -परिवारको सम्पत्ति को पार्सिङमा वा कसरी ब्राउजरहरूले पार्सस्ल्याश (\) लाई पार्सिमा खारेज गरेको छ। तर यी हैकहरू इन्टरनेट एक्सप्लोरर 5.5 ले कसरी बक्स मोडेल र नेटस्केप यसलाई कसरी व्याख्या गर्ने भनेर बिस्तारै समस्याको समाधान गर्न प्रयोग गरिन्थ्यो, र भ्वाईस परिवार शैलीसँग केहि गर्न को लागी। धन्यबाद यी दुई पुरानो ब्राउजरहरू हामीसँग यी दिनहरूसँग चिन्ता छैन।

एक विक्रेता उपसर्ग ह्याक होइन किनकी यसले विवरणलाई गुण कसरी लागू हुन सक्छ भन्ने नियमहरू सेट गर्न अनुमति दिन्छ, जबकि एकै समयमा ब्राउजर निर्माताले सबै केहि तोडेर बिना फरक तरिकामा सम्पत्ति लागू गर्न अनुमति दिन्छ। यसबाहेक, यी उपसर्गहरू सीएसएस गुणहरूसँग काम गरिरहेका छन् जुन अन्ततः विशेष विवरणको भाग हुनेछ । हामी केवल केहि कोड जोड्दैछौं क्रमको लागि सम्पत्तीको पहुँच प्राप्त गर्न। यो सामान्य, गैर-पूर्वनिर्धारित सम्पत्तिसँग CSS नियम समाप्त गर्नु अर्को कारण हो। त्यस तरिकाले तपाइँले पूर्व ब्राउजर संस्करणहरू पूर्ण रूपमा ब्राउज समर्थन प्राप्त गर्न सक्नुहुन्छ।

जान्न चाहानुहुन्छ के ब्राउजरले निश्चित सुविधाको लागि समर्थन गर्दछ? वेबसाइट CanIUse.com यो जानकारी सङ्कलन गर्न को लागी एक अद्भुत स्रोत हो र तपाईलाई थाहा छ कुन ब्राउजरहरू, र ती ब्राउजरका कुन संस्करणहरू हाल एक सुविधाको समर्थन गर्दछ।

विक्रेता उपसर्ग कष्टप्रद तर अस्थायी छन्

हो, यो कष्टप्रद महसुस हुन सक्छ र दोहोरी गुणहरू सबै ब्राउजरहरूमा काम गर्न 2-5 पटक गुणहरू लेख्नका लागि, तर यो अस्थायी अवस्था हो। उदाहरणका लागि, केही वर्ष पहिले, एउटा बाकसमा गोलाकार कुनामा सेट गर्न तपाईंले लेख्नुभएको थियो:

-Moz-border-radius: 10px 5px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 5px;
सीमा-त्रिज्या: 10px 5px;

तर अब त्यो ब्राउजरहरू यस सुविधालाई पूर्णतया समर्थन गर्न आउँथे, तपाई साँच्चै केवल मान्यकृत संस्करण चाहिन्छ।

सीमा-त्रिज्या: 10px 5px;

क्रोमले संस्करण 5.0 बाट CSS3 सम्पत्तिलाई समर्थन गर्यो, फायरफक्सले यसलाई संस्करण 4.0 मा थपे, सफारीलाई 5.0 मा, 10 ओपेरामा ओपेरा, 4.0 मा आईओएस, र 2.1 मा Android। इन्टरनेट एक्सप्लोरर 9 ले पनि उपसर्ग बिना समर्थन गर्दछ (र आईई 8 र निचोटि बिना उपसर्गसँग वा समर्थन गर्दैन)।

याद गर्नुहोस् कि ब्राउजरहरू सधैँ परिवर्तन हुन जाँदैछन् र पुरानो ब्राउजरहरूलाई समर्थन गर्न रचनात्मक दृष्टिकोण आवश्यक पर्दछ जब सम्म तपाईं साढे वर्ष भन्दा धेरै आधुनिक तरिकाहरु को वेब पेज निर्माण गर्ने योजना बनाउनु हुदैन। अन्तमा, ब्राउजर उपसर्गहरू त्रुटिहरू फेला पार्न र शोषण गर्नु भन्दा धेरै सजिलो छ जुन भविष्यको संस्करणमा प्रायः सम्भव हुनेछ, आवश्यक छ कि तपाइँले शोषण गर्न र अन्यमा अन्य त्रुटि फेला पार्छ।