تحسينات F12 أدوات المطور في Internet Explorer 11

نبذة عن هذا التحديث

لتطوير صفحات ويب كبير، يجب ترميز الخبرة، بالإضافة إلى الأدوات المناسبة للبحث عن وتصحيح المشكلات التي نصادفها حتما. يوفر هذا التحديث تحسينات كبيرة إلى أدوات المطور F12، بما في ذلك كل من الميزات والإصلاحات واجهة المستخدم F12، تحكم DOM مستكشف، المصحح، مضاهاة أداة، استجابة واجهة المستخدم وأدوات إنشاء ملفات تعريف ذاكرة.

التغييرات في واجهة المستخدم F12

رموز جديدة والإعلاماتتم تغيير الرموز الذاكرة وأدوات منشئ ملفات التعريف .

هناك الآن مؤشرات على شريط الرموز لأخطاء في وحدة التحكم، تغييرات في إعدادات مضاهاة ولجلسات العمل النشطة التعريف في الذاكرةو التعريفوأدوات واجهة المستخدم القدرة على الاستجابة . تعرض الصورة التالية الرموز الجديدة مع الإخطارات على وحدة التحكم و الذاكرة أداة الرموز، تشير إلى وجود خطأين وحدة التحكم المعروضة وأن ذاكرة تعريف جلسة عمل قيد التقدم حاليا:
New interface

F6 شاملة التنقل ضمن أدواتيشبه استخدام F6 استخدام المفتاح Tab للتنقل حول أداة، ولكن العناصر "علامات" من خلال مجموعة مختارة من الأكثر استخداماً في جزء أدوات بدلاً من كل عنصر قابل للتحديد. وهذا جزء من نظام لاستخدام لوحة المفاتيح للتنقل داخل وبين أدوات التنظيف العام.

التنقل ذهابا وإيابا بين الأدوات المستخدمة مؤخرا استخدام لوحة المفاتيحيمكنك استخدام Ctrl + [للانتقال للخلف في محفوظات التنقل الأداة الخاصة بك و CTRL +] للمضي قدما، مماثلة للخلف والإمام الأسهم عند استعراض.

الوصول السريع إلى وضع المستنديتم إضافة قائمة منسدلة جديدة في الجزء العلوي من الواجهة التي تمكنك من الوصول إلى وضع وثيقة من أي أداة حتى لا تحتاج إلى أدوات التبديل.
Dropdown

تغييرات وحدة التحكم

Console.timeStamp()عندما يتم استدعاء من وحدة التحكم أو في التعليمات البرمجية، Console.timeStamp() النواتج إلى وحدة التحكم عدد المللي ثانية تم فتح علامة التبويب المستعرض الحالي. إذا كانت تستدعي أثناء تشغيل جلسة عمل تعريف باستخدام أداة استجابة واجهة المستخدم ، يقوم بإنشاء علامة مستخدم على الفترة الزمنية لجلسة العمل جنبا إلى جنب مع طابع الزمني وفقا للوقت منذ بدء جلسة العمل.

Ctrl + L مسح وحدة التحكم لكافة الرسائل

دقيقة "الإكمال التلقائي"لم يعد يتضمن "الإكمال التلقائي" وحدة التحكملخصائص المفهرس. يؤدي تحديد أنظف وأكثر دقة من اقتراحات الإكمال التلقائي.

$ $$ $x $0-5 دولاراً و $_ تمت إضافتها إلى قائمة "الإكمال التلقائي" وحدة تحكم تسهيلا وجعل وحدة تحكمللسلوك أكثر اتساقا مع المستعرضات الأخرى.

مؤشر الرسالة التي لا معنى لهاإذا اخترت إيقاف تشغيل خيار واضح بشأن التنقل ، تحتوي رسائل وحدة التحكم القديمة رموزها الرمادي للمساعدة في التمييز بين رسائل للصفحة النشطة ورسائل من الصفحات السابقة في المحفوظات.
Stale message indicator

مستكشف DOM التغييرات

تغيير أشرطة في جزء Computedتظهر أشرطة التغيير (ألوان مختلفة لخصائص تم تغييرها وخصائص إضافة خصائص محذوف) أن المستخدمين يتمتعون جزء الأنماط الآن جزء الأنماط Computed .
Change bars in Computed pane

التغييرات مصحح الأخطاء

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

الإكمال التلقائي في الساعاتالآن، عند إضافة مراقبة، يتم اقتراح الإكمال إليك.
Autocomplete in watches

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

للحصول على عرض توضيحي سريع، جرب هذه التعليمات البرمجية في وحدة التحكم:

function showval() { var x = 0; x++; debugger; return x; } showval(); 

سيتم استدعاء الدالة، فصل في المصحح، وانتقلت فيه لمعرفة قيمة الإرجاع.

تحديد متعدد لنقاط التوقفCtrl + انقر فوق Shift + نقرة، ويمكن استخدام Ctrl + A لتحديد نقاط التوقف متعددة في جزء نقاط التوقف .

المتابعة وتجاهل فواصلاضغط F5 لمتابعة الفاصل التالي. اضغط F5 للمتابعة بعد فواصل متعددة حتى تحرر F5.

نقاط التوقف الحدث ونقاط التوقفأدوات مماثلة لنقاط التوقف ونقاط التعقب الموجودة بالفعل في F12 هذه الأعمال، ولكن بدلاً من يتم تشغيل كتلة محددة من التعليمات البرمجية عند تنفيذها، وأن يتم تشغيلها عند تشغيل حدث معين. لدى كل عامل تصفية شرطي اختيارية للمساعدة على تضييق نطاقها إلى المثيل المحدد للحدث الذي تريد فحصه بحثاً. يمكن إضافتها باستخدام إضافة الحدث التعقب و توقف الأحداث إضافة الرموز المميزة في الصورة التالية:
Event breakpoints and tracepoints

أداة تغيير "واجهة المستخدم استجابة"

استيراد/تصدير جلسات الأداءلا تحتاج إلى إعادة إنشاء حالة الاختبار الخاصة بك في كل مرة تحتاج إلى تحليل البيانات التي تنتجها أو مشاركة هذه البيانات مع زميل. (مجلد) الاستيراد والتصدير (القرص) الرموز على شريط أيقونة الأداة واجهة المستخدم استجابة تتيح لك حفظ لقطات الذاكرة الخاصة بك إلى ملف يمكن استيراده لاحقاً.

معاينة الصورةإذا كنت قد رأيت طلب HTTP لصورة وتساءل عن أي صورة كانت، الآن يتم معاينة الصورة في تفاصيل الحدث.
Image preview

تصفية الأحداثيعتبر الزر تصفية الأحداث صغيرة ولكن فعالة. خلف هذا الزر هو قائمة تسمح لك تصفية الأحداث بطرق متعددة وكل طريقة تأثير كبير:

  • تصفية اسم الحدث: عامل تصفية لأي اسم الحدث تحتوي على مطابقة لعامل تصفية النص.

  • تصفية نشاط واجهة المستخدم: استخدام خانات الاختيار، يمكنك استبعاد فئات كبيرة من الأحداث لتسهيل التركيز على المنطقة التي يتم التحقيق فيها. على سبيل المثال، إذا كنت مهتما فقط في نشاط الشبكة، يمكن استبعاد كافة التشويش واجهة المستخدم وجمع القمامة.

  • عامل تصفية حد الوقت: هذه الميزة بتصفية أحداث المستوى الأعلى مللي ثانية أقل من حيث المدة. في العديد من الحالات، هذا شكل كبير يسهل عرض الشلال ويساعدك على التركيز على أحداث أكثر تأثيراً.
    Time threshold filter

أحداث HTML5 البرمجة النصيةإذا كنت تستخدم وسائط المستمعين الاستعلام أو موتاتيونوبسيرفيرس، يمكنك الآن تحديد التكاليف الخاصة بها عند تشغيل أداء إنشاء تشكيل جانبي للدورة.
HTML5 scripting events

تجميع الإطاراتتبديل الزر بين القائمة تصفية الأحداث والقائمة المنسدلة " فرز حسب " تجميع الإطار. هذا تجميع أحداث المستوى الأعلى في وحداتهم المقابل للعمل (أو "الإطار") أثناء الفترات الزمنية التي تحدث فيها الرسوم المتحركة أو تحديثات visual. الإطارات يعاملون معاملة الأحداث الأخرى، حيث يتم فرز وتصفيه ويوفرون على ملخص الوقت الشامل.
Frame grouping

إجراءات المستخدمإذا كنت تستخدم performance.mark() API لإضافة مثلثات للفترة الزمنية للإشارة إلى وقوع أحداث معينة، يمتد performance.measure() API فائدة علامات الأداء. استخدام performance.measure() لإنشاء حدث قياس مستخدم يشمل الوقت بين حدثين performance.mark() ، ثم انقر نقراً مزدوجاً فوق الحدث، وثم استخدم خيار التصفية للحدث لتحديد الأحداث بين علامتي.
User measures

التلوين ل DOMتضيف هذه الميزة التلوين لعناصر DOM، سلسلة القيم الحرفية والقيم الحرفية رقم. وبصرف النظر عن جعل المحتوى الموجود داخل F12 مختلف أدوات وطريقة عملهم أكثر على حد سواء، فإنه يضيف مرئي أكثر الأداة "واجهة المستخدم استجابة".

ملخص التحديدعند تحديد جزء من المخطط الزمني، سيعرض جزء التفاصيل الأحداث ملخصاً للتحديد. قم بالمرور فوق شرائح المخطط الدائري للتلميح فئة حدث هذا الجزء.
Selection summary

دعم console.timeStamp()استخدام أسلوب console.timeStamp() في التعليمات البرمجية الخاصة بك أو في وحدة التحكم أثناء جلسة تعريف إنشاء علامة مستخدم في المخطط الزمني الذي يحتوي على الوقت منذ أن بدأت الجلسة التعريف.

أداة تغيير الذاكرة

طي المسيطرطي المسيطر يساعد في تبسيط محتويات لقطة عن طريق إزالة الكائنات من المستوى الأعلى طرق العرض منطقياً مكونات كائن آخر (على سبيل المثال، < BR > في < DIV >، نطاق حوزة الدخول إلى دالة) وتميل إلى أن تكون تفاصيل إضافية لا تحسين الخاص بك أعمق للبيانات، ولكن يمكن أن تضيع وقتك.

على سبيل المثال، تظهر الصورة التالية قبل وبعد وجهات النظر، تبين كيف يحسن المسيطر طي الأداة "قصة" هو قول. عرض مطوية العروض 30 < DIV > عناصر HTML، التي تمثل 15.64 ميغا بايت من الذاكرة، والضغط على لفصل العقد DOM. في كثير من الحالات، ليس من المهم معرفة تكوين كائن، قدر ما مجرد معرفة أنها كبيرة جداً أو أن كان تسريب (خاصة عند استخدام مكتبات خارجية).
Dominator folding

تلوين DOM والسلسلة وعدد القيم الحرفيةتضيف هذه الميزة التلوين لعناصر DOM، سلسلة القيم الحرفية والقيم الحرفية رقم. وبصرف النظر عن جعل المحتوى الموجود داخل F12 مختلف أدوات وطريقة عملهم أكثر على حد سواء، فإنه يجعل تحليل الذاكرة مرئية بشكل أكثر إثارة للاهتمام.

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

استيراد/تصدير جلسة العمليجب أن لا يلزم إعادة إنشاء حالة الاختبار الخاصة بك في كل مرة تحتاج إلى تحليل البيانات التي تنتجها أو مشاركة هذه البيانات مع زميل. (مجلد) الاستيراد والتصدير (القرص) الرموز على شريط الرموز أداة ذاكرة تسمح لك حفظ لقطات الذاكرة الخاصة بك إلى ملف يمكن استيراده لاحقاً.
Import/export session

مضاهاة أداة تغيير

إعدادات الاستمرارية وإعادة تعيينيضاف رمز إعدادات "مضاهاة المستمرة" إلى أداة المحاكاة . سيحتفظ إعدادات مضاهاة الحالية حتى تعطيل على وجه التحديد. هذا يسمح لك بالعمل، قم بإغلاق المستعرض والعودة مع إعدادات مضاهاة سليمة. إلى يمين هذا الرمز هو رمز "مضاهاة إعادة تعيين" إعدادات سرعة إعادة تعيين الأداة إلى القيم الافتراضية.
Settings persistence and reset



بالإضافة إلى ذلك، يتضمن هذا التحديث على التحسينات التالية على أساس التغذية المرتدة من قناة المطور IE:

  • إضافة منتقي ألوان في المستكشف DOM الذي يسمح لك باختيار ألوان من أي إطار على سطح المكتب.

  • يضيف مكدسات الذاكرة المؤقتة من الاستدعاءات غير المتزامنة ذات صلة لأجهزة ضبط الوقت واستجابات XHR.

لمزيد من المعلومات حول استخدام أدوات المطور F12 في 11 مستكشف إنترنت، انتقل إلى مواقع Microsoft التالية على الويب:

استخدام أدوات المطور F12

قناة المطور IE

معلومات التحديث

تم تضمين هذا التحديث أولاً في التحديث الأمني 2976627:

2976627 MS14-051: التحديث الأمني التراكمي لبرنامج Internet Explorer: 12 آب/أغسطس 2014
ملاحظة: إذا قمت بتثبيت أدوات المطور F12 معاينة من قناة المطور IE، لا تحتاج إلى إلغاء تثبيت هذا الإصدار قبل تثبيت هذا التحديث.

لتثبيت أحدث التحديث الأمني التراكمي لبرنامج Internet Explorer، انتقل إلى Microsoft Update.

للحصول على معلومات تقنية حول أحدث التحديث الأمني التراكمي لبرنامج Internet Explorer، انتقل إلى موقع Microsoft التالي على الويب:

http://www.microsoft.com/technet/security/current.aspx

هل تحتاج إلى مزيد من المساعدة؟

توسيع المهارات
استكشاف التدريب
الحصول على الميزات الجديدة أولاً
الانضمام إلى Microsoft Insider

هل كانت المعلومات مفيدة؟

نشكرك على ملاحظاتك!

شكراً لك على الملاحظات! يبدو أنه من المفيد إيصالك بأحد وكلاء دعم Office لدينا.

×