🖍️ ✍🏿 🕴🏽 डेवलपर्स के लिए नया अल्फा ओपेरा 12.00 ❎ 🗑️ 🅱️

ओपेरा 12.00 का ताज़ा अल्फ़ा बिल्ड इतना दिलचस्प है कि हमने आपको इसके बारे में और बताने का फैसला किया है। असेंबली लिंक डेस्कटॉप टीम ब्लॉग पर पाया जा सकता है या ओपेरा नेक्स्ट के अपडेट के रूप में प्रदर्शित होने तक थोड़ा इंतजार कर सकता है। डेवलपर्स के लिए इस विधानसभा के बारे में क्या दिलचस्प है?

नई सुविधाएँ

XHR2 (XMLHttpRequest2) का कार्यान्वयन, विशेष रूप से अपलोड और प्रगति घटनाओं में पूरा हुआ
अब ओपेरा घोषणात्मक शीर्षक "ट्रैक न करें" का समर्थन करता है ताकि साइटें आपकी गतिविधि को ट्रैक न करें, अंग्रेजी में अधिक: कार्यान्वयन डोन्ट ट्रैक न करें और डब्ल्यू 3 सी पर काम करें

<Textarea> में माइग्रेशन नियंत्रण

जब nowrap अलावा किसी अन्य मान के साथ white-space प्रॉपर्टी का उपयोग <textarea> लिए किया जाता है, तो ओपेरा, अन्य ब्राउज़र की तरह, वैल्यू सेट की परवाह किए बिना, टेक्स्ट को लपेटता रहता है। फिर भी, हमने इस विधानसभा में वर्णित व्यवहार को लागू शैलियों को ध्यान में रखते हुए बदलने का फैसला किया। उदाहरण के लिए, आपके पास white-space: pre <textarea> लिए white-space: pre संपत्ति - इस तरह के पाठ को ठीक उसी तरह रखा जाना चाहिए जैसा कि इसे फ़ील्ड में डाला गया था, अर्थात। केवल दो लाइनों पर कब्जा।
चूंकि हम केवल इसका समर्थन करते हैं, काफी तार्किक, <textarea> लिए व्यवहार, यह संगतता मुद्दों के लिए सावधानीपूर्वक देखने के लिए आवश्यक होगा। यदि आपको नए व्यवहार के कारण साइटें मिलती हैं - तो हमें इसके बारे में बताएं, उदाहरण के लिए ट्विटर पर: @ODevRel_ru ।

सीएसएस बग तय की

एक अजीब बग तय किया गया था, जिसके कारण वर्तमान रंग के मूल्य के लिए पृष्ठभूमि रंग का उलटा लागू किया गया था, ब्लॉक के साथ उदाहरण देखें , जो अब अन्य ब्राउज़रों की तरह नीला है।
जब list-style-image संपत्ति list-style-type: none की उपस्थिति में एक नियमित चित्र तक पहुंचती है list-style-type: none , तो निर्दिष्ट चित्र एक बुलेट बन जाना चाहिए। पहले, ओपेरा ने इस चित्र को खींचा नहीं था अगर इसे गतिशील रूप से सीएसएस ग्रेडिएंट की तरह बनाया गया था, लेकिन अब सब कुछ क्रम में है: गतिशील रूप से शूटआउट बनाने के लिए ग्रेडिएंट का उपयोग करने का एक उदाहरण । हालांकि बहुत कम लोग जानते हैं कि यह सिद्धांत में संभव है :)
ओपेरा एक ब्लॉक और पाठ के लिए छाया की गणना गलत तरीके से करता था। विनिर्देश कहता है कि box-shadow प्रॉपर्टी को गॉसियन ब्लर के रूप में प्रस्तुत किया जाना चाहिए , जो कि आधे धब्बा त्रिज्या के बराबर है। अब ओपेरा दोनों ब्लॉकों और पाठ के लिए छाया को सही ढंग से खींचता है: एसवीजी में गाऊसी धब्बा के साथ box-shadow की तुलना करने का एक उदाहरण देखें ।
टेक्स्ट का चयन line-height:0 और overflow:hidden संभव नहीं था। यह अब तय किया गया है।
ओपेरा ने आमतौर पर नियम का पालन करते हुए गुणों की अनदेखी की !important अंत में, लेकिन एक समापन अर्धविराम के बिना। इस सुविधा के कारण कई साइटों के साथ संगतता समस्याएँ हुईं, जिनका गलत शैली के नियमों से सामना हुआ। एक उत्कृष्ट, वैसे, अपने कोड की वैधता के बारे में सोचने का कारण, अहम-अहम। कैसे दुरुपयोग का एक उदाहरण देखें !important पाठ लेआउट को प्रभावित करता है ।
प्रदर्शन में सुधार करने के लिए, हमने एक डबल-क्लिक बग की खोज की और तय किया जिससे राज्य में एक तत्व चिपक गया :active । एक चिपकी स्थिति का एक उदाहरण देखें ।
HTML5 दस्तावेज़ में एम्बेडेड SVG फ़ाइल में <style> टैग पहले अनदेखा किए गए थे , लेकिन अब नहीं।
element.style.removeProperty साथ border-radius प्रॉपर्टी को हटाने की क्षमता element.style.removeProperty अब काम करती है जैसा कि इसे करना चाहिए।

विभिन्न एपीआई पर काम करते हैं

EventSource कार्यान्वयन अपडेट किया गया है ताकि नवीनतम विनिर्देश अद्यतन के अनुसार, Use Credentials false लिए करें ।
postMessage पद्धति अब विनिर्देश में निर्दिष्ट के रूप में null , और पहले की तरह file: //localhost नहीं है।
संयोग से, loadend इवेंट के बाद FileReader API में अंतिम अपलोड इवेंट को कॉल किया गया था, लेकिन यह पहले से ही तय किया गया है।
Event.prototype अब स्थिरांक का समर्थन करता है : AT_TARGET , BUBBLING_PHASE , AT_TARGET , BUBBLING_PHASE , AT_TARGET , और BUBBLING_PHASE
document.lastModified अपडेट किया गया है और विनिर्देश के अनुसार वर्तमान समय देता है।
हमने देखा कि DOM के साथ काम करना, cloneNodes को निष्पादित cloneNodes और cloneNodes को असाइन करना, इस तरह से बड़े पृष्ठों पर CPU गतिविधि में अत्यधिक स्पाइक्स का कारण बनता है। अब ऐसे पृष्ठों को प्रस्तुत करने से सीपीयू को कम लेना चाहिए।

HTML5 प्रपत्र

यदि <input type="date"> तत्व का डिजिटल मूल्य छिपा हुआ था, शून्य किया गया, और फिर दिखाया गया, तो पुराने मूल्य को अभी भी प्रदर्शित किया गया था, जैसा कि इस उदाहरण में है । समस्या ठीक कर दी गई है।

और इसी तरह ...

के बारे में: खाली पृष्ठ पर्याप्त खाली नहीं है! के बारे में: खाली पृष्ठ इस तरह दिखता था:

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html dir="ltr"> <head> <title>Blank page</title> <meta name="viewport" content="width=device-width,user-scalable=no"/> </head> <body></body> </html>

अब पृष्ठ में केवल सबसे आवश्यक है, केवल HTML5 पार्सर की आवश्यकता क्या है:

 <html><head></head><body></body></html>

और जैसा कि वे कहते हैं, एक और बात ™

आप में से सबसे उत्सुक, प्रेस्टो इंजन में परिवर्तन की सूची को देखते हुए, पैकेज का एकीकरण नोटिस कर सकता है 267-271 , या बल्कि, इसका दूसरा बिंदु। कुछ भी नहीं, बस यह कहें कि हमने आपको चेतावनी नहीं दी;)

डेवलपर्स के लिए नया अल्फा ओपेरा 12.00