الميزات الجديدة في أدوات مطوّري البرامج (Chrome 76)

مرحبًا، في ما يلي الميزات الجديدة في أدوات مطوري البرامج في Chrome في الإصدار 76 من Chrome.

الإكمال التلقائي باستخدام قيم CSS

عند إضافة إعلانات أنماط إلى عقدة DOM، يكون من الأسهل أحيانًا تذكر قيمة التعريف من اسم التعريف. على سبيل المثال، عند عرض عقدة <p> بالخط العريض، قد يكون تذكُّر القيمة bold أسهل من الاسم font-weight. تدعم واجهة مستخدم الإكمال التلقائي في جزء النمط قيم CSS الآن. إذا كنت تتذكر قيمة الكلمة الرئيسية التي تريدها، ولكن لا يمكنك تذكُّر اسم الموقع، جرِّب كتابة القيمة، ومن المفترض أن يساعدك الإكمال التلقائي في العثور على الاسم الذي تبحث عنه.

بعد كتابة &quot;غامق&quot;، يتم إكمال جزء &quot;الأنماط&quot; تلقائيًا ليصبح &quot;عرض الخط: غامق&quot;.

الشكل 1. بعد كتابة bold، يتم إكمال جزء "الأنماط" تلقائيًا إلى font-weight: bold.

يمكنك إرسال ملاحظات حول هذه الميزة الجديدة إلى مشكلة Chromium رقم 931145.

واجهة مستخدم جديدة لإعدادات الشبكة

كانت لوحة "الشبكة" تواجه في السابق مشكلة متعلّقة بسهولة الاستخدام حيث كان يتعذّر الوصول إلى خيارات مثل قائمة التقييد عندما كانت نافذة "أدوات مطوري البرامج" ضيقة. لحل هذه المشكلة وإزالة فوضى لوحة الشبكة، تم نقل بعض الخيارات الأقل استخدامًا والتي تخلف جزء إعدادات الشبكة الزر &quot;إعدادات الشبكة&quot; الجديد.

إعدادات الشبكة

الشكل 2. إعدادات الشبكة.

تم نقل الخيارات التالية إلى إعدادات الشبكة: استخدام صفوف الطلبات الكبيرة وتجميع حسب الإطار وعرض نظرة عامة والتقاط لقطات شاشة. يعين الشكل 3 المواقع القديمة بالمواقع الجديدة.

تعيين المواقع القديمة بالجديد.

الشكل 3. تعيين المواقع القديمة بالجديد.

يمكنك إرسال ملاحظات حول هذا التغيير في واجهة المستخدم إلى مشكلة Chromium رقم 892969.

رسائل WebSocket في عمليات تصدير HAR

عند تصدير ملف HAR من لوحة الشبكة لمشاركة سجلات الشبكة مع زملائك، سيتضمّن ملف HAR الآن رسائل WebSocket. تبدأ السمة _webSocketMessages بشرطة سفلية للإشارة إلى أنّه حقل مخصّص.

...
"_webSocketMessages": [
  {
    "type": "send",
    "time": 1558730482.5071473,
    "opcode": 1,
    "data": "Hello, WebSockets!"
  },
  {
    "type": "receive",
    "time": 1558730482.5883863,
    "opcode": 1,
    "data": "Hello, WebSockets!"
  }
]
...

يمكنك إرسال ملاحظات حول هذه الميزة الجديدة إلى مشكلة Chromium رقم 496006.

أزرار الاستيراد والتصدير باستخدام HAR

يمكنك مشاركة سجلات الشبكة مع زملائك بسهولة أكبر باستخدام الزرَّين الجديدَين تصدير الكل باسم HAR باستخدام المحتوى تصدير واستيراد ملف HAR استيراد. كان استيراد وتصدير HAR في "أدوات مطوري البرامج" لفترة من الوقت. التغيير الجديد هو الأزرار الأكثر قابلية للاكتشاف.

أزرار HAR الجديدة.

الشكل 4. أزرار HAR الجديدة.

إرسال ملاحظات بشأن هذا التغيير في واجهة المستخدم إلى مشكلة Chromium رقم 904585

إجمالي استخدام الذاكرة في الوقت الفعلي

تعرض لوحة "الذاكرة" الآن إجمالي استخدام الذاكرة في الوقت الفعلي.

إجمالي استخدام الذاكرة في الوقت الفعلي

الشكل 5. يوضح الجزء السفلي من لوحة الذاكرة أن الصفحة تستخدم 43.4 ميغابايت من الذاكرة إجمالاً. تشير القيمة 209 كيلوبايت/ثانية إلى زيادة إجمالي استخدام الذاكرة بمقدار 209 كيلوبايت في الثانية.

ويمكنك أيضًا الاطّلاع على أداة مراقبة الأداء لتتبُّع استخدام الذاكرة في الوقت الفعلي.

يمكنك إرسال ملاحظات حول هذه الميزة الجديدة إلى مشكلة Chromium رقم 958177.

أرقام منافذ تسجيل عامل الخدمة

يتضمن جزء Service Workers الآن أرقام المنافذ في عناوينه لتسهيل تتبع مشغّل الخدمات الذي تقوم بتصحيح أخطاءه.

منافذ عاملي الخدمات.

الشكل 6. منافذ عاملي الخدمات.

يمكنك إرسال ملاحظات بشأن هذا التغيير في واجهة المستخدم إلى مشكلة Chromium رقم 601286.

فحص أحداث "الجلب في الخلفية" و"مزامنة الخلفية"

استخدِم قسم خدمات الخلفية الجديد من لوحة التطبيق لمراقبة أحداث الجلب في الخلفية والمزامنة في الخلفية. وبما أنّ أحداث "الجلب في الخلفية" و"مزامنة الخلفية" تحدث في الخلفية، لن تكون مفيدة جدًا إذا كانت "أدوات مطوّري البرامج" تسجّل أحداث الجلب ومزامنة الخلفية فقط أثناء فتح "أدوات مطوري البرامج". لذا، عند بدء التسجيل، سيستمر تسجيل أحداث "جلب في الخلفية" و"مزامنة الخلفية"، حتى بعد إغلاق علامة التبويب وحتى بعد إغلاق Chrome.

انتقِل إلى لوحة التطبيق، وافتح علامة التبويب جلب في الخلفية أو مزامنة في الخلفية، ثم انقر على تسجيل تسجيل لبدء تسجيل الأحداث. انقر على أحد الأحداث لعرض المزيد من المعلومات عنه.

جزء الجلب في الخلفية.

الشكل 7. جزء الجلب في الخلفية. عرض توضيحي من تأليف ماكسيم سالنيكوف

لوحة &quot;المزامنة في الخلفية&quot;

الشكل 8. لوحة "المزامنة في الخلفية"

يمكنك إرسال ملاحظات حول هذه الميزات الجديدة إلى مشكلة Chromium رقم 927726.

برنامج Puppeteer لمتصفِّح Firefox

يُعد Puppeteer for Firefox مشروعًا تجريبيًا جديدًا يمكّنك من أتمتة فايرفوكس باستخدام واجهة برمجة تطبيقات Puppeteer. بمعنى آخر، يمكنك الآن أتمتة Firefox وChromium باستخدام Node API نفسها، كما هو موضّح في الفيديو أدناه.

بعد تشغيل node example.js، يتم فتح Firefox ويتم إدراج النص page في مربّع البحث على موقع وثائق Puppeteer. بعد ذلك، يتم تكرار المهمة نفسها في Chromium.

يمكنك الاطّلاع على محاضرة Puppeteer التي أدّاها Joel وأندري من مؤتمر Google I/O لعام 2019 لمعرفة المزيد من المعلومات عن ميزتَي Puppeteer وPuppeteer for Firefox. يتم الإعلان عن Firefox في حوالي الساعة 4:05.

تنزيل قنوات المعاينة

يمكنك استخدام إصدار Canary أو إصدار مطوّري البرامج أو الإصدار التجريبي من Chrome كمتصفّح تلقائي للتطوير. تتيح لك قنوات المعاينة هذه الوصول إلى أحدث ميزات "أدوات مطوري البرامج" واختبار واجهات برمجة التطبيقات المتطورة للأنظمة الأساسية على الويب والعثور على المشاكل في موقعك الإلكتروني قبل المستخدمين.

التواصل مع فريق "أدوات مطوري البرامج في Chrome"

يُرجى استخدام الخيارات التالية لمناقشة الميزات والتغييرات الجديدة في المشاركة أو أي موضوع آخر ذي صلة بـ "أدوات مطوري البرامج".

  • يمكنك إرسال اقتراحات أو ملاحظات إلينا عبر crbug.com.
  • يمكنك الإبلاغ عن مشكلة في "أدوات مطوري البرامج" باستخدام خيارات إضافية   المزيد > مساعدة > الإبلاغ عن مشاكل في "أدوات مطوري البرامج" في "أدوات مطوري البرامج".
  • يمكنك نشر تغريدة على @ChromeDevTool.
  • يمكنك إضافة تعليقات على الميزات الجديدة في فيديوهات YouTube أو نصائح حول أدوات مطوّري البرامج في فيديوهات YouTube حول الميزات الجديدة.

الميزات الجديدة في "أدوات مطوري البرامج"

قائمة بكل ما تم تناوله في سلسلة الميزات الجديدة في أدوات مطوّري البرامج.

الإصدار 123 من Chrome

الإصدار 122 من Chrome

الإصدار 121 من Chrome

الإصدار 120 من Chrome

الإصدار 119 من متصفِّح Chrome

الإصدار 118 من متصفّح Chrome

الإصدار 117 من Chrome

الإصدار 116 من متصفّح Chrome

الإصدار 115 من متصفّح Chrome

الإصدار 114 من متصفّح Chrome

الإصدار 113 من متصفّح Chrome

الإصدار 112 من Chrome

الإصدار 111 من متصفّح Chrome

الإصدار 110 من متصفّح Chrome

الإصدار 109 من متصفِّح Chrome

الإصدار 108 من متصفِّح Chrome

107 Chrome

الإصدار 106 من متصفّح Chrome

105 Chrome

الإصدار 104 من متصفِّح Chrome

الإصدار 103 من متصفّح Chrome

الإصدار 102 من متصفّح Chrome

الإصدار 101 من متصفّح Chrome

Chrome 100

إصدار Chrome 99

Chrome 98

97 من Chrome

الإصدار 96 من Chrome

Chrome 95

Chrome 94

Chrome 93

الإصدار 92 من Chrome

الإصدار 91 من Chrome

90 Chrome

إصدار Chrome 89

إصدار Chrome 88

الإصدار 87 من Chrome

إصدار 86 من Chrome

الإصدار 85 من Chrome

إصدار 84 من Chrome

إصدار Chrome 83

إصدار 82 من Chrome

تم إلغاء إصدار 82 من Chrome.

إصدار 81 من Chrome

80 Chrome

الإصدار 79 من Chrome

الإصدار 78 من Chrome

الإصدار 77 من Chrome

الإصدار 76 من Chrome

الإصدار 75 من Chrome

الإصدار 74 من Chrome

الإصدار 73 من Chrome

الإصدار 72 من Chrome

الإصدار 71 من Chrome

Chrome 70

إصدار Chrome 68

الإصدار 67 من Chrome

Chrome 66

الإصدار 65 من Chrome

إصدار 64 من Chrome

إصدار 63 من Chrome

إصدار 62 من Chrome

إصدار 61 من Chrome

إصدار 60 من Chrome

الإصدار 59 من Chrome