تمّت إضافة عدد من الميزات المعدَّلة إلى "أدوات مطوّري البرامج" في Chrome مؤخرًا، بعضها صغير وبعضها كبير. سنبدأ بعرض التحديثات في لوحة "العناصر"، ثم ننتقل إلى الحديث عن "وحدة التحكّم" و"المخطط الزمني" وغير ذلك.
نسخ قواعد الأنماط المتوقفة عن العمل على أنّها غير مفعّلة
سيتضمّن الآن نسخ قواعد CSS بالكامل في لوحة "الأنماط" الأنماط التي أوقفتها، وستظهر في حافظة النسخ واللصق على أنّها غير مفعّلة. [crbug.com/316532]
نسخ مسار CSS
يتوفّر الخيار "النسخ كمسار CSS" الآن كعنصر قائمة لعقد DOM في لوحة "العناصر" (على غرار عنصر القائمة "نسخ XPath").
لا يجب أن يقتصر إنشاء أدوات اختيار لغة CSS على جداول الأنماط/JavaScript، بل يمكن أن تكون أيضًا بدائل لاستراتيجيات تحديد المواقع في اختبارات WebDriver. [crbug.com/277286]
عرض أنماط عناصر Shadow DOM
يمكن الآن فحص أنماط العناصر الفرعية لشجرة الظل. [crbug.com/279390]
تعمل دالة copy() في وحدة التحكّم مع العناصر
تعمل الآن طريقة copy() من Command Line API مع العناصر. يمكنك تجربة copy({foo:'bar'}) في لوحة وحدة التحكّم، وستلاحظ أنّ نسخة مُشفَّرة وتنسيقة من العنصر ظهرت الآن في حافظة النصوص. [crbug.com/289348]
فلتر التعبير العادي لوحدة التحكّم
فلترة رسائل وحدة التحكّم باستخدام التعبيرات العادية في لوحة وحدة التحكّم crbug.com/318308]
إزالة أدوات معالجة الأحداث بسهولة
جرِّب getEventListeners(document).mousewheel[0]; في لوحة وحدة التحكّم لاسترداد أول مستمع لحدث عجلة الماوس في المستند. استنادًا إلى ذلك، جرِّب $_.remove(); لإزالة مستمع الأحداث هذا ($_ = قيمة التعبير الذي تم تقييمه مؤخرًا). crbug.com/309524]
إزالة تحذيرات CSS
تمّت الآن إزالة التحذيرات التي قد تظهر على شكل "قيمة خاصية CSS غير صالحة". تُبذل جهود مستمرة لجعل عملية التنفيذ أكثر أمانًا في ما يتعلّق بتنسيق CSS في العالم الواقعي، بما في ذلك عمليات اختراق المتصفّحات. crbug.com/309982]
عمليات المخطط الزمني ملخّصة في رسم بياني دائري
تحتوي لوحة "المخطط الزمني" الآن على رسم بياني دائري في لوحة "التفاصيل" يعرض بشكل مرئي مصدر تكاليف العرض، ما يساعدك في تحديد العوامل التي تؤدّي إلى إبطاء الأداء بنظرة سريعة.
ستلاحظ أنّه تم ترقية الكثير من المعلومات التي كانت تظهر في النوافذ المنبثقة إلى لوحة خاصة بها. للاطّلاع على هذه البيانات، ابدأ تسجيلًا في "المخطط الزمني" واختَر إطارًا، ولاحِظ لوحة "التفاصيل" الجديدة التي تحتوي على رسم بياني دائري. في عرض "اللقطات"، ستظهر لك إحصاءات مثيرة للاهتمام، مثل متوسط عدد اللقطات في الثانية (1000ms/frame duration) للّقطات المحدّدة. [crbug.com/247786]
تفاصيل حدث تغيير حجم الصورة
تحتوي أحداث إعادة حجم الصورة وفك ترميزها في لوحة "المخطط الزمني" الآن على رابط يؤدي إلى عقدة DOM في لوحة "العناصر".
ينقلك رابط عنوان URL للصورة إلى المرجع المقابل في لوحة "المراجع". crbug.com/244159]
إطارات وحدة معالجة الرسومات
يتم الآن عرض اللقطات التي تحدث على وحدة معالجة الرسومات في أعلى الصفحة، فوق اللقطات في سلسلة المهام الرئيسية. crbug.com/305863]
التوقف عند أدوات معالجة popstate
يتوفّر "popstate" الآن كنقطة توقّف لأداة معالجة الأحداث في اللوحة الجانبية للّوحة "المصادر". [crbug.com/88112]
إعدادات العرض المتاحة في الدرج
يؤدي فتح الدرج الآن إلى عرض عدد من الأقسام، ومن بينها لوحة "العرض"، ويمكنك استخدامها لعرض مستطيلات الطلاء ومقياس عدد اللقطات في الثانية وما إلى ذلك. ويتم تفعيل هذا الخيار تلقائيًا في "الإعدادات" > "عرض "العرض" في درج وحدة التحكّم".
نسخ الصورة كعنوان URL للبيانات
يمكن الآن نسخ محتوى مواد عرض الصور في لوحة "الموارد" كـ عنوان URL للبيانات (data:image/png;base64,iVBO...).
لتجربة ذلك، ابحث عن مرجع الصورة ضمن "اللقطات" > [المرجع] > الصور وانقر بزر الماوس الأيمن على معاينة الصورة للوصول إلى قائمة السياقات، ثم اختَر "نسخ الصورة كعنوان URL للبيانات". crbug.com/321132]
فلترة معرّفات الموارد المتسلسلة للبيانات
يمكن الآن فلترة عناوين URL لبيانات البيانات من علامة التبويب "الشبكة"، حتى إذا لم يسبق لك الاعتقاد بأنّها تنتمي إلى هذه الفئة. انقر على رمز الفلترة.
إصلاح أخطاء توقيت الشبكة
نعتذر عن أي تأخير في تنزيل صورتك. ;) تم الآن إصلاح هذه المواعيد غير الصحيحة لموارد الشبكة. crbug.com/309570]
إمكانية التحكّم بشكل أكبر في سلوك تسجيل الشبكة
يختلف سلوك شبكة التسجيل قليلاً. أولاً، يعمل زر التسجيل تمامًا كما تتوقّع من المخطط الزمني أو ملف الأداء الخاص بوحدة المعالجة المركزية. وكما هو متوقّع، إذا أعدت تحميل الصفحة عندما تكون أدوات مطوّري البرامج مفتوحة، سيبدأ تسجيل الشبكة تلقائيًا. سيتم إيقاف هذه الميزة بعد ذلك، لذا إذا أردت تسجيل نشاط الشبكة بعد تحميل الصفحة، عليك تفعيلها. يسهّل ذلك عرض العرض الإعلاني بدون أن تؤدي طلبات الشبكة المتأخرة إلى تشويه النتائج. crbug.com/325878]
أصبحت مظاهر أدوات مطوّري البرامج متاحة الآن من خلال الإضافات
تتوفّر الآن أوراق أسلوب المستخدم من خلال تجارب "أدوات مطوّري البرامج" (مربّع الاختيار "السماح بمظاهر واجهة مستخدم مخصّصة")، ما يسمح لإضافة Chrome بتطبيق أسلوب مخصّص على "أدوات مطوّري البرامج". يمكنك الاطّلاع على نموذج إضافة مظهر في "أدوات مطوّري البرامج" للحصول على مثال. crbug.com/318566]
هذا كلّ ما في هذا العدد من ملخّص "أدوات المطوّرين". يمكنك الاطّلاع على العدد الخاص بشهر تشرين الثاني (نوفمبر) إذا لم يسبق لك ذلك.