سفاري 4 ميزات جديدة

في WWDC 2009، أصدرت Apple الإصدار الرسمي من متصفح Safari 4. تخلى الإصدار الرسمي من Safari 4 عن طريقة علامة التبويب المشابهة لـ Chrome وعاد إلى واجهة الإصدار 3.0. يُقال أنه في WWDC، قام Serlet بانتهاك متصفح Microsoft IE8 بجدية، قائلًا إن محرك JavaScript الخاص بـ Safari هو الأسرع حاليًا في العالم، وفقًا لبيانات الاختبار التي قدمها، فإن Chrome 2 أسرع بمقدار 5.3 مرة من IE8، وسرعة Safari4 هي. 7.8 مرات من IE8!

معظم هذه البيانات عبارة عن حيل رسمية، لذا دعونا نتجاهلها الآن ونرى التأثير الذي سيحدثه Safari 4 على تطوير الواجهة الأمامية لدينا:

يدعم علامات الصوت والفيديو.

يحتوي Safari4 على العديد من التحسينات في دعمه لـ CSS، كما يلي:

يبدأ Safari 4 في دعم خاصية التكبير/التصغير. الاستخدام والتأثير لهذا هما نفس استخدامات متصفح IE. الفرق هو أنه إذا تم تكبيره، فسوف يتقلص Safari إلى أصغر خط يدعمه المتصفح، بينما IE سوف يتقلص مباشرة إلى الحجم المحدد. على سبيل المثال:

.zoomTest { حجم الخط : 12 بكسل ؛ التكبير : 0.1 }

سينكمش Safari إلى حجم الخط 9 بكسل فقط، بينما سينكمش IE إلى 1.2 بكسل (وهو ما لم يعد مرئيًا بالعين المجردة).

ويتكون من سلسلة من الخصائص الفرعية:

• -webkit-animation-name يحدد اسمًا للرسوم المتحركة
• -webkit-animation-مدة الرسوم المتحركة المدة
• -webkit-animation-timing-function طريقة تبديل إطار الرسوم المتحركة، أي تأثير الرسوم المتحركة، ربما تتضمن السهولة، الخطية، سهولة الدخول، سهولة الخروج، سهولة الدخول.
• -webkit-animation-delay يحدد وقت بدء الرسوم المتحركة
• -webkit-animation-iteration-count مرات تكرار الرسوم المتحركة
• يحتوي اتجاه الرسوم المتحركة -webkit-animation-direction على سمتين: تشغيل عادي للأمام؛ بديل، اتجاه متناوب، تشغيل أمامي بأرقام زوجية، تشغيل عكسي بأرقام فردية.

قناع CSS/تأثير القناع

• -webkit-mask-attachment له قيمتان: ثابتة وتمرير؛
• -تأثير قطع قناع webkit لحدود العنصر ؛
• -استخدام webkit-mask-position يشبه سمة موضع الخلفية.
• -webkit-mask-origin يحدد مرساة السمة -webkit-mask-position. هناك ثلاث سمات: الحدود والمحتوى والحشو.
• صورة القناع لعنصر -webkit-mask-image ، القيمة هي مسار الصورة؛
• -webkit-mask-تكرار الإعدادات المتكررة،
• -webkit-mask-composite Styles. الإعداد الافتراضي هو الحدود، مما يعني أن الخلفية تمتد إلى منطقة الحدود. ويمكن أيضًا ضبطه على الحشو.

يضيف Safari 4 أيضًا دعمًا لبعض خصائص CSS الأخرى أو يعززه، على سبيل المثال، يبدأ موضع الخلفية في دعم تأثيرات الرسوم المتحركة، والتي لن يتم وصفها هنا.

يمكن ملاحظة أن خصائص CSS الجديدة هذه المضافة إلى Safari ليست جزءًا من معيار W3C، ولكن هذه الخصائص الخاصة لـ webkit يمكن أن تسمح لنا بالفعل بتطوير تطبيقات شبكة أفضل.

دور WAI-ARIA

من المفترض أن الكثير من الناس لا يعرفون عن WAI-ARIA. WAI-ARIA تعني مبادرة الوصول إلى الويب W3C، تطبيقات الإنترنت الغنية التي يمكن الوصول إليها، والتي تُترجم إلى الصينية باسم "تطبيقات الإنترنت الغنية التي يمكن الوصول إليها". في الوقت نفسه، طورت W3C معيار دور WAI-ARIA. أعلنت Google مؤخرًا أنها ستدعم WAI-ARIA بقوة، وسيتم تنفيذ وظيفة قراءة الشاشة لقارئ Google الخاص بها من خلال WAI-ARIA. حاليًا، بدأ Firefox في دعم WAI-ARIA، ويدعمه IE8 جزئيًا. يدعم Safari 4 أيضًا أدوار WAI-ARIA. تحقق من دعم Safari 4 لـ WAI-ARIA >>

تجدر الإشارة إلى أن WAI-ARIA يبدو أنه يدعم علامات div وspan فقط، ومن أجل التعاون مع WAI-ARIA، يضيف Safari أيضًا بعض السمات الداعمة لـ HTML، مثل aria-checked/aria-level/aria-valuemax/aria. -القيمة، الخ.

تحميل سفاري :

ملاحظة: يأتي زر التنزيل هذا من صفحة تنزيل Safari الرسمية. سيجد الأطفال الحذرون أن نمط هذا الزر ليس من طراز Apple، ولكنه يشبه إلى حد كبير الزر الأخضر الموجود في صفحة تنزيل Firefox.

النص الأصلي: http://www.qianduan.net/safari-4-new-features.html