تم مؤخرًا دمج عدد من الميزات المعدَّلة في "أدوات مطوري البرامج في Chrome" على أنّها صغيرة وبعضها كبير. سنبدأ بتعديلات لوحة "العناصر" وننتقل إلى الحديث عن وحدة التحكّم والمخطط الزمني والمزيد.
نسخة قواعد النمط غير مفعّلة كما تم التعليق عليها
سيتضمن نسخ قواعد CSS بأكملها في جزء الأنماط الأنماط التي قمت بإيقافها، وستكون موجودة في الحافظة كما تم التعليق عليها. [crbug.com/316532]
نسخ كمسار CSS
يتوفر الآن الخيار "نسخ كمسار CSS" كعنصر قائمة لعُقد DOM في لوحة "العناصر" (على غرار عنصر القائمة "نسخ XPath").
لا يجب أن يقتصر إنشاء أدوات اختيار لغة CSS على أوراق الأنماط/JavaScript، ويمكن أن تكون أيضًا بدائل لاستراتيجيات محدِّد المواقع في اختبارات WebDriver. [crbug.com/277286]
عرض أنماط عناصر Shadow DOM
يمكن الآن فحص أنماط العناصر الفرعية لجذر الظل. [crbug.com/279390]
تعمل scopy() في وحدة التحكم مع الكائنات
يمكن الآن استخدام الإجراء copy() من واجهة برمجة تطبيقات سطر الأوامر مع العناصر. استمر في تجربة 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' الآن كنقطة توقف لمستمع الحدث في الشريط الجانبي للوحة "المصادر". [crbug.com/88112]
إعدادات العرض المتوفّرة في الدرج
يعرض فتح الدرج الآن عددًا من الأجزاء، أحدها لوحة العرض. يمكنك استخدامها لإظهار مستطيلات الطلاء ومقياس عدد اللقطات في الثانية وما إلى ذلك. ويتم تفعيل ذلك بشكل تلقائي من خلال الإعدادات > "إظهار طريقة العرض" في درج وحدة التحكّم"
نسخ الصورة كعنوان URL للبيانات
يمكن الآن نسخ محتوى مواد عرض الصور في لوحة "الموارد" على أنّه معرّف الموارد المنتظم (URI) للبيانات (data:image/png;base64,iVBO...).
لتجربة ذلك، ابحث عن مورد الصورة ضمن الإطارات > [المورد] > الصور وانقر بزر الماوس الأيمن على معاينة الصورة للوصول إلى قائمة السياق، ثم اختَر "نسخ الصورة كعنوان URL للبيانات". crbug.com/321132]
فلترة معرّف الموارد المنتظم (URI) للبيانات
إذا لم تكن تعتقد أنها تنتمي مطلقًا، يمكنك الآن فلترة معرّفات الموارد المنتظمة (URI) للبيانات من علامة التبويب "الشبكة". انقر على رمز الفلتر
تم إصلاح أخطاء توقيت الشبكة
إذا رأيت أنّ تنزيل الصورة قد يستغرق 300 ألف سنة، يُرجى اعتذارنا عن هذا الخطأ. ;) تم الآن إصلاح هذه التوقيتات غير الصحيحة لموارد الشبكة. crbug.com/309570]
يتمتع سلوك تسجيل الشبكة بمزيد من التحكم
يختلف سلوك تسجيل الشبكة قليلاً. أولاً، يعمل زر التسجيل تمامًا كما تتوقع من المخطط الزمني أو الملف الشخصي لوحدة المعالجة المركزية (CPU). وبما أنّك تتوقع حدوث ذلك، إذا أعدت تحميل الصفحة عندما تكون "أدوات مطوّري البرامج" مفتوحة، سيبدأ تسجيل الشبكة تلقائيًا. وبعد ذلك، سيتم إيقافها، لذا إذا كنت تريد تسجيل نشاط الشبكة بعد تحميل الصفحة، عليك تفعيل هذه الميزة. ويسهِّل ذلك عرض العرض الإعلاني بدون انقطاع بدون طلبات الشبكة التي تؤدي إلى تأخير في النتائج. crbug.com/325878]
مظاهر أدوات مطوري البرامج متوفّرة الآن من خلال الإضافات
تتوفّر أوراق أنماط المستخدمين الآن من خلال تجارب أدوات مطوّري البرامج (مربّع اختيار: "السماح بمظاهر واجهة المستخدم المخصّصة") التي تسمح لإضافة Chrome بتطبيق تصميم مخصّص على "أدوات مطوري البرامج". للاطّلاع على مثال، راجِع نموذج إضافة مظهر في أدوات مطوري البرامج. crbug.com/318566]
هذا كل شيء في هذا الإصدار من ملخص "أدوات مطوري البرامج". يمكنك الاطّلاع على إصدار تشرين الثاني (نوفمبر) إذا لم يسبق لك الاطّلاع عليه.