Browserslistrc

```wiki

browserslistrc: دليل شامل للمبتدئين

browserslistrc هو ملف إعدادات يستخدم لتحديد إصدارات المتصفحات المستهدفة لأدوات مثل Autoprefixer، Browsersync، و babel-preset-env. يسمح هذا الملف للمطورين بتحديد البيئات التي يجب أن يدعمها مشروعهم، مما يؤدي إلى تحسين الأداء وتقليل حجم الملفات. هذا المقال موجه للمبتدئين ويهدف إلى شرح كل ما تحتاج لمعرفته حول ملف browserslistrc، بما في ذلك كيفية إنشائه، وتحريره، واستخدامه.

ما هو browserslistrc ولماذا نستخدمه؟

في عالم تطوير الويب المتسارع، تتغير المتصفحات باستمرار. هذا التطور المستمر يعني أن دعم جميع المتصفحات وإصداراتها يمكن أن يكون مهمة شاقة. browserslistrc يبسط هذه العملية عن طريق السماح لك بتحديد قائمة واضحة بالمتصفحات التي تريد استهدافها.

• تحسين الأداء: من خلال استهداف المتصفحات التي يستخدمها جمهورك، يمكنك تجنب تضمين التعليمات البرمجية غير الضرورية التي قد تبطئ موقعك أو تطبيقك على المتصفحات التي لا يستخدمها أحد.
• تقليل حجم الملفات: تقليل التعليمات البرمجية غير الضرورية يؤدي مباشرة إلى تقليل حجم ملفاتك، مما يؤدي إلى أوقات تحميل أسرع وتجربة مستخدم أفضل.
• التوافق: يضمن أن موقعك أو تطبيقك يعمل بشكل صحيح على المتصفحات التي اخترت دعمها.
• التكامل مع الأدوات: العديد من أدوات تطوير الويب الشائعة، مثل Autoprefixer و Babel، تستخدم browserslistrc لتحديد المتصفحات المستهدفة تلقائيًا.

إنشاء ملف browserslistrc

ملف browserslistrc هو ملف نصي بسيط. يمكنك إنشاؤه باستخدام أي محرر نصوص. عادةً ما يتم وضعه في جذر مشروعك (root directory). إذا لم يكن موجودًا، فستستخدم الأدوات إعدادات افتراضية، والتي قد لا تكون مثالية لمشروعك.

اسم الملف يجب أن يكون بالضبط browserslistrc. يمكن أن يكون امتداده إما `.js` أو `.json` أو `.txt`. عادةً ما يتم استخدام `.js` لأنه يسمح بتعليقات.

تنسيق ملف browserslistrc

ملف browserslistrc يستخدم تنسيقًا بسيطًا جدًا. كل سطر يمثل متصفحًا أو إصدارًا من متصفح. يمكنك تحديد المتصفحات باستخدام اختصاراتها الشائعة أو باستخدام أسماءها الكاملة.

• الاختصارات:

   *   `chrome`:  متصفح Chrome.
   *   `firefox`:  متصفح Firefox.
   *   `safari`:  متصفح Safari.
   *   `edge`:  متصفح Edge.
   *   `ie`:  متصفح Internet Explorer. (تجنب دعمه إذا أمكن، بسبب المشاكل الأمنية)
   *   `opera`:  متصفح Opera.
   *   `ios`:  متصفح iOS Safari.
   *   `android`:  متصفح Android Chrome.
   *   `node`:  بيئة Node.js.

• تحديد الإصدارات:

   *   `> 0.5%`:  استهداف المتصفحات التي لديها أكثر من 0.5% من حصة السوق العالمية.
   *   `last 2 versions`:  استهداف آخر إصدارين من كل متصفح.
   *   `> 1% in US`:  استهداف المتصفحات التي لديها أكثر من 1% من حصة السوق في الولايات المتحدة.
   *   `ie 11`:  استهداف متصفح Internet Explorer 11 فقط.
   *   `ios >= 10`:  استهداف إصدارات iOS 10 وما فوق.

أمثلة على ملف browserslistrc

مثال 1: دعم أحدث إصدارين من المتصفحات الرئيسية

``` last 2 versions ```

هذا التكوين سيستهدف آخر إصدارين من Chrome و Firefox و Safari و Edge و Opera.

مثال 2: دعم المتصفحات التي لديها أكثر من 1% من حصة السوق العالمية

``` > 1% ```

هذا التكوين سيستهدف جميع المتصفحات التي لديها أكثر من 1% من حصة السوق العالمية.

مثال 3: دعم Chrome و Firefox و Safari فقط

``` chrome firefox safari ```

هذا التكوين سيستهدف Chrome و Firefox و Safari فقط.

مثال 4: دعم Internet Explorer 11 و Chrome الأخير

``` ie 11 chrome last 1 version ```

هذا التكوين سيستهدف Internet Explorer 11 وآخر إصدار من Chrome.

مثال 5: استخدام التعليقات (في ملف .js)

```javascript // دعم أحدث المتصفحات last 2 versions

// دعم Android android >= 5 ```

استخدام browserslistrc مع الأدوات

• Autoprefixer: Autoprefixer هي أداة تضيف تلقائيًا بادئات المتصفح (vendor prefixes) إلى CSS الخاص بك. يقرأ Autoprefixer ملف browserslistrc لتحديد البادئات التي يجب إضافتها.
• Babel: Babel هي أداة تحول كود JavaScript الحديث إلى كود JavaScript متوافق مع المتصفحات القديمة. يقرأ Babel ملف browserslistrc لتحديد التحويلات التي يجب إجراؤها.
• Browsersync: Browsersync هي أداة إعادة تحميل المتصفح تلقائيًا. يمكن لـ Browsersync استخدام ملف browserslistrc لتحديد المتصفحات التي يجب إعادة تحميلها.

استراتيجيات متقدمة

• استهداف مناطق جغرافية محددة: يمكنك استهداف المتصفحات التي لديها حصة سوقية معينة في منطقة جغرافية معينة. على سبيل المثال، `> 5% in DE` يستهدف المتصفحات التي لديها أكثر من 5% من حصة السوق في ألمانيا.
• استخدام عوامل التصفية: يمكنك استخدام عوامل التصفية لتضمين أو استبعاد متصفحات معينة. على سبيل المثال، `> 0.5% not ie` يستهدف جميع المتصفحات التي لديها أكثر من 0.5% من حصة السوق باستثناء Internet Explorer.
• تحديد نطاقات الإصدارات: يمكنك تحديد نطاقات الإصدارات. على سبيل المثال، `ios 9-11` يستهدف إصدارات iOS من 9 إلى 11.
• استخدام ملفات متعددة: يمكنك استخدام ملفات browserslistrc متعددة. سيتم دمج هذه الملفات معًا.

أدوات مساعدة

• Browserslist: Browserslist هو حزمة npm التي يمكن استخدامها للاستعلام عن قائمة المتصفحات المستهدفة.
• can i use: موقع Can I use يوفر معلومات حول توافق المتصفحات مع ميزات CSS و JavaScript المختلفة.

استراتيجيات الخيارات الثنائية ذات الصلة (للمعلومات العامة فقط، ليست مرتبطة مباشرة بـ browserslistrc)

• استراتيجية مارتينجال: مضاعفة الرهان بعد كل خسارة.
• استراتيجية فيبوناتشي: استخدام أرقام فيبوناتشي لتحديد حجم الرهان.
• استراتيجية المتوسط المتحرك: تحليل الاتجاهات باستخدام المتوسطات المتحركة.
• استراتيجية الاختراق: الرهان على اختراق مستويات الدعم والمقاومة.
• استراتيجية الارتداد: الرهان على ارتداد السعر عن مستويات الدعم والمقاومة.
• استراتيجية بولينجر باندز: استخدام نطاقات بولينجر لتحديد التقلبات.
• استراتيجية مؤشر القوة النسبية (RSI): تحديد حالات ذروة الشراء والبيع.
• استراتيجية MACD: تحليل الاتجاهات باستخدام MACD.
• استراتيجية ستوكاستيك: تحديد حالات ذروة الشراء والبيع باستخدام ستوكاستيك.
• استراتيجية التداول المتأرجح: الاستفادة من تقلبات الأسعار على المدى القصير.
• تحليل حجم التداول: تحديد قوة الاتجاهات من خلال حجم التداول.
• تحليل الاتجاهات: تحديد الاتجاهات الصاعدة والهابطة والجانبية.
• استراتيجية 60 ثانية: تداول الخيارات الثنائية بمدة صلاحية قصيرة (60 ثانية).
• استراتيجية 5 دقائق: تداول الخيارات الثنائية بمدة صلاحية 5 دقائق.
• استراتيجية التداول الليلي: التداول خلال ساعات الليل.
• استراتيجية التداول الآسيوي: التداول خلال ساعات التداول الآسيوية.
• استراتيجية التداول الأوروبي: التداول خلال ساعات التداول الأوروبية.
• استراتيجية التداول الأمريكي: التداول خلال ساعات التداول الأمريكية.
• استراتيجية الدخول عند الإغلاق: الدخول في صفقة عند إغلاق الشمعة.
• استراتيجية الدخول عند الاختراق: الدخول في صفقة عند اختراق مستوى مقاومة أو دعم.
• استراتيجية الدخول عند الارتداد: الدخول في صفقة عند ارتداد السعر عن مستوى مقاومة أو دعم.
• استراتيجية التداول بناءً على الأخبار: التداول بناءً على الأخبار الاقتصادية والسياسية.
• استراتيجية التداول بناءً على الأحداث: التداول بناءً على الأحداث الهامة مثل الانتخابات أو الإعلانات الاقتصادية.
• استراتيجية التداول بناءً على التوقعات: التداول بناءً على توقعات المحللين.
• استراتيجية التداول بناءً على المشاعر: التداول بناءً على مشاعر السوق.

الخلاصة

browserslistrc أداة قوية يمكن أن تساعدك في تحسين أداء موقعك أو تطبيقك وتقليل حجم الملفات. من خلال تحديد المتصفحات التي تريد استهدافها، يمكنك التأكد من أن موقعك أو تطبيقك يعمل بشكل صحيح على المتصفحات التي يستخدمها جمهورك. تذكر أن اختيار المتصفحات المستهدفة يعتمد على جمهورك وأهدافك.

Autoprefixer Browsersync babel-preset-env Node.js Chrome Firefox Safari Edge Internet Explorer Opera iOS Safari Android Chrome Can I use Browserslist CSS JavaScript ``` ```

ابدأ التداول الآن

سجّل في IQ Option (الحد الأدنى للإيداع 10 دولار) افتح حساباً في Pocket Option (الحد الأدنى للإيداع 5 دولار)

انضم إلى مجتمعنا

اشترك في قناة Telegram الخاصة بنا @strategybin لتصلك: ✓ إشارات تداول يومية ✓ تحليلات استراتيجية حصرية ✓ تنبيهات اتجاهات السوق ✓ مواد تعليمية للمبتدئين