اكتشف لماذا يعد استخدام Chrome Canary أو Firefox Nightly أو Safari Technology Preview أمرًا جيدًا
كروم كناريهو إصدار Chrome الذي تمت إضافة أحدث التغييرات بواسطة Google إلى متصفحهم. يحتوي Chrome على 4 قنوات إصدار: / canary / - / dev / - / beta / - / Stable /.
فايرفوكس ليلايعادل Chrome Canary لمتصفح Firefox (لديهم / nightly / - / beta / - / release /) ، بينما Safari لديهمعاينة تقنية Safari.
باستخدام أحد هذه الإصدارات ، تكون على حافة النزيف. يأتي اسم Google Canary من هؤلاء الفقراءالكناري المستخدمة في مناجم الفحم. تعرّف ويكيبيديا الكناري على أنه "شيء يحذر من قدوم خطر أو مشكلة أكبر".
باختصار ، يتم طرح هذه الإصدارات بحيث يمكن للمطورين والموظفين الداخليين في الشركات تجربة أحدث الميزات التي ستصبح لاحقًا جزءًا من الإصدارات المستقرة التي يتم إرسالها إلى مئات الملايين من الأشخاص الذين يستخدمونها.
قد تستغرق التغييرات في المتصفحات شهورًا لتكون جزءًا من الإصدار الثابت ، لذلك فمن المنطقي أنك ، كمطور ، تشعر بالحاجة إلى تجربة الميزات الجديدة عند تقديمها ، بدلاً من استخدامها عندما تكون متاحة على نطاق واسع.
على سبيل المثال ، استخدمت برنامج Canary اليوم لاختبارIntl.RelativeTimeFormat
وIntl.ListFormat
الميزات القادمة إلى ES2019. الويب يتطور بوتيرة سريعة.
يوفر استخدام / Chrome Beta / و / Firefox Developer Edition / والإصدارات التجريبية من macOS (تتبع Apple دورة إصدار نظام التشغيل لـ Safari) تجربة أكثر أمانًا ، حيث يمكن أن تتعطل إصدارات canary / الليلية في بعض الأحيان.
إنه ليس إلزاميًا ويمكنك بالتأكيد القيام بعملك على الإصدارات المستقرة للمتصفحات أيضًا إنها مجرد أداة أخرى تحت تصرفك للقيام بعملك يومًا بعد يوم.
إذا كنت ترغب في اختبار أحدث الميزات التي ستحصل عليها المتصفحات في غضون بضعة أشهر فقط قبل أي شخص آخر ، أو JavaScript أو آخر عناصر CSS أو واجهة برمجة تطبيقات Web Platform ، فهذا هو المكان الذي يمكنك العثور عليه فيه.
لا ترتبط إصدارات المعاينة هذه بالإصدار الثابت على أجهزة الكمبيوتر الخاصة بك ، لذا يمكنك اختبار الأشياء دون القلق من أن يؤدي الخطأ السيئ إلى إلغاء إشاراتك المرجعية أو تعطيل تجربة المتصفح الرئيسية.
أنا بالتأكيد أشجعك على استخدام تلك المتصفحات. ليس كمتصفح يومي ، حيث قد يتعطل الإصدار المعطل يومًا ما أو يكون له آثار جانبية غريبة ، ولكن كطريقة لاختبار واستخدام أحدث وأكبر ميزات Web Platform القادمة.
تحميل مجانيدليل جافا سكريبت للمبتدئين
المزيد من دروس المتصفح:
- تتوفر بعض الحيل المفيدة في HTML5
- كيف أنشأت موقع ويب يستند إلى CMS يعمل دون اتصال بالإنترنت
- الدليل الكامل لتطبيقات الويب التقدمية
- واجهة برمجة تطبيقات الجلب
- دليل Push API
- واجهة برمجة تطبيقات Channel Messaging
- دروس عمال الخدمة
- دليل ذاكرة التخزين المؤقت API
- دليل API الإخطار
- الغوص في IndexedDB
- واجهة برمجة تطبيقات المحددات: querySelector و querySelectorAll
- تحميل JavaScript بكفاءة مع التأجيل وغير المتزامن
- نموذج كائن المستند (DOM)
- واجهة برمجة تطبيقات Web Storage: التخزين المحلي وتخزين الجلسة
- تعرف على كيفية عمل ملفات تعريف الارتباط HTTP
- واجهة برمجة تطبيقات التاريخ
- تنسيق صورة WebP
- طلب XMLHttpRequest (XHR)
- برنامج تعليمي متعمق SVG
- ما هي عناوين URL للبيانات
- خارطة الطريق لتعلم منصة الويب
- CORS ، تقاسم الموارد عبر الأصول
- عمال الويب
- دليل requestAnimationFrame ()
- ما هو النوع
- العمل مع DevTools Console وواجهة برمجة تطبيقات وحدة التحكم
- واجهة برمجة تطبيقات تركيب الكلام
- كيفية انتظار حدث جاهز لـ DOM في JavaScript عادي
- كيفية إضافة فئة إلى عنصر DOM
- كيفية تكرار عناصر DOM من querySelectorAll
- كيفية إزالة فئة من عنصر DOM
- كيفية التحقق من وجود فئة لعنصر DOM
- كيفية تغيير قيمة عقدة DOM
- كيفية إضافة حدث نقرة إلى قائمة عناصر DOM التي تم إرجاعها من querySelectorAll
- WebRTC ، واجهة برمجة تطبيقات الويب في الوقت الفعلي
- كيفية الحصول على موضع التمرير لعنصر في JavaScript
- كيفية استبدال عنصر DOM
- كيفية قبول الصور فقط في حقل ملف الإدخال
- لماذا تستخدم نسخة معاينة من المتصفح؟
- كائن النقطة
- كائن الملف
- كائن FileReader
- كائن FileList
- ArrayBuffer
- ArrayBufferView
- كائن URL
- صفائف من النوع
- كائن DataView
- واجهة برمجة تطبيقات BroadcastChannel
- واجهة برمجة تطبيقات Streams
- كائن FormData
- كائن المستكشف
- كيفية استخدام واجهة برمجة تطبيقات تحديد الموقع الجغرافي
- كيفية استخدام getUserMedia ()
- كيفية استخدام Drag and Drop API
- كيفية العمل مع التمرير على صفحات الويب
- التعامل مع النماذج في JavaScript
- أحداث لوحة المفاتيح
- أحداث الماوس
- أحداث اللمس
- كيفية إزالة جميع العناصر الأبناء من عنصر DOM
- كيفية إنشاء سمة HTML باستخدام Vanilla Javascript
- كيف تتحقق مما إذا كان مربع الاختيار محددًا باستخدام JavaScript؟
- كيفية النسخ إلى الحافظة باستخدام JavaScript
- كيفية تعطيل زر باستخدام JavaScript
- كيفية جعل صفحة قابلة للتحرير في المتصفح
- كيفية الحصول على قيم سلسلة الاستعلام في JavaScript باستخدام URLSearchParams
- كيفية إزالة جميع CSS من صفحة مرة واحدة
- كيفية استخدام insertAdjacentHTML
- سفاري ، حذر قبل الإقلاع عن التدخين
- كيفية إضافة صورة إلى DOM باستخدام JavaScript
- كيفية إعادة تعيين نموذج
- كيفية استخدام خطوط جوجل