Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

HTML5 सुविधाओं का पता लगाने के लिए Modernizr का उपयोग करना


Modernizr एक छोटी जावास्क्रिप्ट लाइब्रेरी है जो अगली पीढ़ी की वेब प्रौद्योगिकियों के लिए मूल कार्यान्वयन की उपलब्धता का पता लगाती है।

यहां उन विशेषताओं की सूची दी गई है, जिन्हें मॉडर्निज़्र द्वारा पता लगाया जा सकता है -

Feature
<वें शैली ="पाठ-संरेखण:केंद्र;">सीएसएस संपत्ति
<वें शैली ="पाठ-संरेखण:केंद्र;">जावास्क्रिप्ट जांच
@font-face
.fontface
Modernizr.fontface
कैनवास
.canvas
Modernizr.canvas
कैनवास टेक्स्ट
.canvastext
Modernizr.canvastext
HTML5 ऑडियो
.audio
Modernizr.audio
HTML5 ऑडियो प्रारूप
NA
Modernizr.audio[format]
HTML5 वीडियो
.video
Modernizr.video
HTML5 वीडियो प्रारूप
NA
Modernizr.video[format]
rgba()
.rgba
Modernizr.rgba
hsla()
.hsla
Modernizr.hsla
border-image
। सीमा छवि
Modernizr.borderimage
border-radiusbox-shadow

Modernizr.borderradius
box-shadow
। बॉक्सशैडो
Modernizr.boxshadow
एकाधिक पृष्ठभूमि
। बहुविकल्पी
Modernizr.multiplebgs
Opacity
। अस्पष्टता
Modernizr.opacity
CSS एनिमेशन
.cssanimations
Modernizr.cssanimations
CSS Columns
.csscolumns
Modernizr.csscolumns
CSS Gradients
.cssgradients
Modernizr.cssgradients
CSS प्रतिबिंब
.cssreflections
Modernizr.cssreflections
CSS 2D Transforms
.csstransforms
Modernizr.csstransforms
CSS 3D Transforms
.csstransforms3d
Modernizr.csstransforms3d
CSS Transitions
.csstransitions
Modernizr.csstransitions
जियोलोकेशन एपीआई
.geolocation
Modernizr.geolocation
इनपुट प्रकार
NA
Modernizr.inputtypes[type]
इनपुट एट्रीब्यूट्स
NA
Modernizr.input[attribute]
localStorage
.localstorage
Modernizr.localstorage
essionStorage
.sessionstorage
Modernizr.sessionstorage
वेब वर्कर
.webworkers
Modernizr.webworkers
applicationCache
.applicationcache
Modernizr.applicationcache
SVG
.svg
Modernizr.svg
SVG Clip Paths
.svgclippaths
Modernizr.svgclippaths
SMIL
.smil
Modernizr.smil
वेब SQL डेटाबेस
.websqldatabase
Modernizr.websqldatabase
IndexedDB
.indexeddb
Modernizr.indexeddb
वेब सॉकेट
.websockets
Modernizr.websockets
Hashchange Event
.hashchange
Modernizr.hashchange
इतिहास प्रबंधन
। इतिहास प्रबंधन
Modernizr.historymanagement
खींचें और छोड़ें
.draganddrop
Modernizr.draganddrop
क्रॉस-विंडो मैसेजिंग
.crosswindowmessaging
Modernizr.crosswindowmessaging
addTest() प्लगइन API
NA
Modernizr.addTest(str,fn)

  1. CSS का उपयोग करके फिक्स्ड पोजिशनिंग

    हम सीएसएस में एक तत्व की स्थिति को निश्चित रूप से परिभाषित कर सकते हैं जो उपयोगकर्ता के व्यूपोर्ट के सापेक्ष तत्व को प्रस्तुत करता है। फिक्सिंग पोजिशनिंग मेथड वाले एलिमेंट स्क्रॉल पर भी नहीं चलते हैं और CSS पोजिशनिंग प्रॉपर्टीज (बाएं, दाएं, ऊपर और नीचे) द्वारा पोजिशन किए जाते हैं। उदाहरण आइए CSS फि

  1. आरजीबीए का उपयोग कर सीएसएस पारदर्शिता

    CSS पारदर्शिता के लिए RGBA () मानों का उपयोग करें। रंग की अस्पष्टता निर्दिष्ट करने के लिए अल्फा चैनल पैरामीटर सेट करें। RGBA का उपयोग करके CSS पारदर्शिता को लागू करने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html> <head> <style> body {    font-family: &qu

  1. CSS में Data-Attributes (data-*) का उपयोग करना

    हम data-* विशेषता का उपयोग करके तत्वों के बारे में अतिरिक्त जानकारी संग्रहीत कर सकते हैं। निम्नलिखित उदाहरण CSS डेटा-* विशेषता को दर्शाते हैं। उदाहरण <!DOCTYPE html> <html> <head> <style> dl {    margin: 2%; } p {    width: 60%;    background-col