شرح القائمة لأدوات مطور IE8

وقد أوضحت هذه المقالة بإيجاز قوائم مختلف أدوات المطورين. أعتقد أنه يمكن للجميع استخدام هذه الأداة القوية بسهولة.

شرح مفصل لاستخدام أدوات مطور IE8 (شرح مفصل للقوائم على جميع المستويات)

تم إصدار النسخة الرسمية من IE8. لن تقدم هذه المقالة أي تعليقات في هراء للغاية ، ثم تعطي استنتاج مفاده أن Chrome لديه القدرة على تشغيل JavaScript الذي يبلغ 15 ضعفًا من IE8 ، والتي لديها 2.456 مرة من Safari ، وما IE8 لديه 1.235 مرة من Firefox. من الذي أهتم به أفضل من من؟ كل ما أعرفه هو: عندما يتم إصدار Windows 7 ، فإن حصة السوق من متصفح IE8 ستجعل المطورين الأماميين غير قادرين على القول: لا تقلق بشأن IE8 ، فإن قلة من الناس يستخدمونها. لذلك ، سوف يشرح هذا المقال ذلك بشكل عملي للغاية. قد تكون IE8 هي أداة المطورين الوحيدة التي تجعل المطورين يشعرون بالدواء. في الوقت نفسه ، سنقوم بتوسيع بعض المعلومات والمعرفة ذات الصلة. لذا ، يرجى التخلي عن تحيزك ضد IE8 ومواصلة المشاهدة بصبر.

لم يتم تثبيت IE8 بعد؟

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

قائمة تنزيل الإصدار الصيني IE8

Windows XP

ويندوز فيستا

Windows Server 2003

Windows Server 2008

Windows XP 64 بت

Windows Vista 64 بت

Windows Server 2003 64 بت

Windows Server 2008 64 بت

قائمة تنزيل الإصدار الإنجليزي IE8

Windows XP

Windows XP 64 بت

ويندوز فيستا

Windows Vista 64 بت

Windows Server 2003

Windows Server 2003 64 بت

Windows Server 2008

Windows Server 2008 64 Bit

أوه ، ربما ستقلق من أن IE6 أو IE7 في نظامك قد انتهى. نعم ، في الواقع ، هذا ممكن. ومع ذلك ، يمكنك تجربة الأداة التالية. يتيح لك التعايش مع إصدارات متعددة من IE - حلول للتعايش مع إصدارات متعددة من IE - IETESTER

SuperPreview (مع التنزيل)

على الرغم من أن هذا الشيء قد غير اسمه العصري ، إلا أنه ليس شيئًا جديدًا. كان سلفها iedevtoolbar. ومع ذلك ، فقد كان مجرد مكون إضافي لـ IE. في IE8 ، قام المتصفح تلقائيًا بدمج هذا الشيء ، والذي لم يغير اسم ريفي بعض الشيء فحسب ، بل يحتوي أيضًا على الكثير من تعزيز الوظائف.

يمكن أيضًا استدعاء أدوات المطورين ضمن قائمة أدوات IE8 أو انقر مباشرةً إلى مفتاح اختصار F12.

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

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

حسنًا ، لقد رأينا ذلك ونعرف ما يمكن أن تفعله. ثم دعونا نقدمه واحدًا تلو الآخر وفقًا لترتيب القائمة-

وقد أوضحت هذه المقالة بإيجاز قوائم مختلف أدوات المطورين. أعتقد أنه يمكن للجميع استخدام هذه الأداة القوية بسهولة.

【إلغاء كل】

تم إلغاء جميع العمليات التي أجريت في أدوات المطورين وتم تحديث هياكل الصفحة و DOM.

【مصدر محاولة Internet Explorer المخصص】

【محاولة المصدر】 يا له من اسم سخيف. بطريقة بسيطة ، هو: ما هو المحرر الذي يجب استخدامه لعرض ملف مصدر الويب. على سبيل المثال: أنا أستخدم EditPlus.

【يترك】

لكي لا تهين ذكاءك ، لن أقول الكثير عن هذا. حسنًا ، F12 هو مفتاح اختصار التكافؤ ، دعنا نذكر هذا بالمناسبة.

【ابحث عن القائمة

انقر لتحديد العنصر

يحتوي مفتاح الاختصار Ctrl B على نفس التأثير مثل النقر على زر ICO الماوس في الصورة. الوظيفة الأكثر استخداما. وهو أيضا مفتاح التكافؤ. عند الفتح ، عند النقر فوق عنصر على الصفحة مع الماوس ، سيتم تحديد العنصر المعدل وسيتم سرد بنية DOM وأسلوب CSS وغيرها من المعلومات للعنصر المعدل.

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

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

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

تكون وظيفة طرق عرض [نمط التتبع] و [النمط] هي نفسها ، ويتم استخدامها لعرض معلومات نمط العنصر المحدد. الفرق الوحيد هو: لقد غيرت طريقة المشاهدة الخاصة بها. تعتمد العرض المحدد لعادتك على تفضيلاتك.

وقد أوضحت هذه المقالة بإيجاز قوائم مختلف أدوات المطورين. أعتقد أنه يمكن للجميع استخدام هذه الأداة القوية بسهولة.

[تخطيط] يمكن للعرض عرض معلومات النموذج المعبأة للعناصر المحددة. على الرغم من أنه يمكن أن يعرض معلومات أكثر من Firebug ، إلا أنني ما زلت أفضل الطريق في Firebug للتعبير عنها مباشرة على الصفحة مع كتل الألوان.

[الخصائص] يمكن للعرض عرض معلومات السمة للعنصر المحدد. إنه أمر ممتع للغاية: يمكنك إضافة أو حذف بعض الخصائص على الفور لتصحيح الصفحة بسرعة.

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

【تعطيل القائمة

script】

تحظر البرامج النصية JavaScript أو VBScript على الصفحة. لماذا تعطيلها؟ لاختبار متانة الصفحة. سيسأل بعض العملاء الذين لديهم متطلبات عالية لتصميم الصفحة: إذا كان العميل يعطل البرنامج النصي ، فهل يمكن استخدام هذه الصفحة؟ حسنًا ، نعم ، يتم استخدام هذه الوظيفة لاختبار الاحتياجات المنحرفة لهؤلاء العملاء اللعين.

【مانع النافذة المنبثقة】

تصفية للنافذة المنبثقة. تستخدم لاختبار أي يمكن للمرء أن يجعل المتصفح أو برامج الأمان يقوم بتصفية نافذتي المنبثقة.

【CSS】

CSS عارية مهرجان قادم! استخدم هذا لاختبار موقف صفحتك عند تشغيل عارية في CSS. يعد هذا أيضًا اختبارًا مهمًا للتحقق من متانة الصفحة. على الرغم من أنه لا يوجد الكثير من المكفوفين الذين يمكنهم الوصول إلى صفحات الويب في الصين الآن.

وقد أوضحت هذه المقالة بإيجاز قوائم مختلف أدوات المطورين. أعتقد أنه يمكن للجميع استخدام هذه الأداة القوية بسهولة.

【معلومات الفئة ومعرف】

مفتاح الاختصار هو Ctrl I ، مفتاح التكافؤ. بعد فتحه ، سترى أن الصفحة مغطاة بكتل ألوان حمراء كثيفة. سيتم عرض اسم الفصل أو اسم الهوية. نعم ، هذا هو تأثير عرض فئة ومعرفات الهوية. ولكن أن نكون صادقين ، من سيكون مهتمًا بهذا البراز الأحمر؟ لا تبدو الصفحة وكأنها ملابس متسول مليئة بالبقع ، ولكنها أيضًا غير مدركة تمامًا لها-...

【مسار الارتباط】

نفسه على النحو الوارد أعلاه. سوف يربح جميع الارتباطات التشعبية في الصفحة باللون الأحمر وعرض عنوان الارتباط الخاص به.

【تقرير الارتباط】

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

【فهرس TAB】

تمييز جميع العناصر التي تحتوي على سمات Tabindex. يمكن أن يغير إعداد خاصية TabIndex الترتيب الذي تتركز به عناصر صفحة الويب.

وقد أوضحت هذه المقالة بإيجاز قوائم مختلف أدوات المطورين. أعتقد أنه يمكن للجميع استخدام هذه الأداة القوية بسهولة.

【مفتاح الوصول】

تسليط الضوء على جميع العناصر التي تحتوي على سمة AccessKey. اضبط سمة AccessKey لتعيين مفاتيح الاختصار للعناصر للحصول على التركيز.

【الملف المصدر】 مصدر العنصر مع النمط

قم بإنشاء ملف مصدر يحتوي على أنماط العناصر المحددة ورمز HTML ومعلومات مستوى الويب.

يجب تحديد عنصر قبل أن يكون هذا الأمر صالحًا. علاوة على ذلك ، يرتبط ملف المصدر الذي تم إنشاؤه فقط بالعناصر المحددة.

【ملف المصدر】 DOM (عنصر)

مفتاح الاختصار هو Ctrl T. إنشاء ملف مصدر. يحتوي هذا الملف المصدر فقط على معلومات بنية DOM للعنصر المحدد. يمكن للأصدقاء الذين استخدموا Firebug التفكير في رمز HTML عنصر نسخة الأمر. في الواقع ، هذا واحد يشبه ذلك واحد. إنه يتم إنشاء هذا فقط إلى نافذة ، ويتم نسخ Firebug مباشرة إلى الحافظة.

【الملف المصدر】 DOM (صفحة)

اختصار مفتاح Ctrl G. قم بإنشاء ملف مصدر. يحتوي هذا الملف المصدر على بنية معلومات DOM للصفحة بأكملها. إنها ميزة سخيف للغاية. لا أعرف ما إذا كان ذلك بسبب الخطأ. هذه الميزة هي في الواقع عرض رمز مصدر صفحة الويب. لأن رمز المصدر الذي تم إنشاؤه ليس فقط معلومات DOM ، ولكن أيضًا معلومات CSS و Script.

الحالة الأصلية للملف المصدر】】

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

من الواضح أن القائمة [Outline] هي أمر لتحديد العناصر التي تلبي الشروط وعرضها.

【خلية الجدول】

هو تأطير كل خلية من جدول النموذج مع إطار السلك البرتقالي . دعك تعرف أوه. اتضح أن هذه هي خلية الجدول.

【سطح】

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

【عناصر div】

إنه لاستخدام إطارات الأسلاك الخضراء لجميع عناصر Div في الصفحة. دعك تعرف أوه. اتضح أن هذه عناصر ديف.

وقد أوضحت هذه المقالة بإيجاز قوائم مختلف أدوات المطورين. أعتقد أنه يمكن للجميع استخدام هذه الأداة القوية بسهولة.

【صورة】

هو تأطير جميع عناصر IMG في الصفحة في إطار السلك الأرجواني . دعك تعرف أوه. اتضح أن هذه كل عناصر IMG.

【أي عنصر】

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

【عناصر تحديد المواقع】 النسبية

سيتم تأطيره باللون الأخضر ، وجميع العناصر ذات الموضع: النمط النسبي.

【عنصر تحديد المواقع】 مطلق

سيتم تأطيره باستخدام سلكية سلكية أسود ، جميع العناصر ذات الموضع: الأسلوب المطلق.

【عنصر تحديد المواقع】 ثابت

سيتم تأطيره باللون الأزرق ، وجميع العناصر ذات الموضع: نمط ثابت.

【عنصر تحديد المواقع】 تعويم

سيتم تأطيره بأطر السلك الصفراء ، جميع العناصر ذات الطراز العائم.

【الخطوط العريضة】

عندما يتم تصنيع صفحتك بألوان مختلفة من الخطوط مثل جداول Excel ، يمكنك استخدام هذا الأمر لمسح جميع الخطوط.

وقد أوضحت هذه المقالة بإيجاز قوائم مختلف أدوات المطورين. أعتقد أنه يمكن للجميع استخدام هذه الأداة القوية بسهولة.

من الواضح أن هذا الأمر يتحكم في الصور المختلفة على الصفحة.

【تعطيل الصور】

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

【عرض حجم الصورة】

ميزة جيدة جدا. يمكنك معرفة حجم كل صورة بسرعة دون التحقق من سمات الصورة. بالطبع ، الوحدة هي وحدات البكسل.

【عرض حجم ملف الصورة】

ميزة جيدة جدا. يمكنك معرفة حجم ملف كل صورة بسرعة دون التحقق من خصائص الصورة. بالطبع ، الوحدة هي بايت.

【عرض مسار الصورة】

ميزة جيدة جدا. يمكنك معرفة مسار عنوان URL بسرعة كل صورة دون التحقق من سمات الصورة ، ويمكنك أيضًا نسخها.

【إظهار نص alt】

يمكن عرض نص السمة ALT لعنصر IMG. بالمناسبة: لا تتراكم الكلمات الرئيسية للصور ، وإلا فإنه يمكن اعتباره بسهولة تحسين SEO الانتقالي.

【عرض تقرير الصورة】

إنشاء تقرير صورة مفصل لتعديل الصفحة. يحتوي على معلومات مفصلة للغاية لكل صورة.

وقد أوضحت هذه المقالة بإيجاز قوائم مختلف أدوات المطورين. أعتقد أنه يمكن للجميع استخدام هذه الأداة القوية بسهولة.

إدارة مخابئ وملفات تعريف الارتباط مجموعات قائمة. ستكون هذه ميزة ممتعة للغاية للمطورين.

【تحديث دائمًا من الخادم】

يبدو وكأنه أمر عميق للغاية. بمعنى آخر ، يحظر استخدام ذاكرة التخزين المؤقت للمتصفح.

【Clear Browser Cache】

اختصار مفتاح Ctrl R. لا يوجد شيء يمكن قوله ، إنه يبسط خطوات التشغيل السابقة.

لا أعرف ما إذا كنت قد لاحظت أن هناك ثلاث نقاط وراء [Clear Browser Cache] في القائمة. هذا يعني أنه سيتم تأكيد مربع الحوار بعد النقر فوق هذه القائمة.

【امسح ذاكرة التخزين المؤقت للمتصفح لهذا المجال】

مفتاح الاختصار Ctrl D. لا يوجد شيء يمكن قوله ، فقط قم بمسح ذاكرة التخزين المؤقت للمتصفح في هذا المجال.

【تعطيل ملفات تعريف الارتباط】

لا توجد فائدة للقول. لا يسمح البسكويت.

【ملفات تعريف الارتباط الواضحة】

امسح جميع ملفات تعريف الارتباط في متصفحك. منتدىك ومجتمعك ينتظران تسجيل الدخول مرة أخرى.

【قم بمسح ملفات تعريف الارتباط المجال】

فقط ملفات تعريف الارتباط واضحة في هذا المجال.

【عرض معلومات ملفات تعريف الارتباط】

عرض معلومات ملف تعريف الارتباط الواردة في هذه الصفحة. لا تفكر في الأمر ، فلن تحصل على كلمة المرور.

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

【تغيير الحجم】

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

【إظهار الحاكم】

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

【إظهار منتقي الألوان】

أداة اختيار الألوان البسيطة. انقر فوق الماوس لتحديد اللون. ومع ذلك ، أوصي بك أداة أخرى - صندوق أدوات العمل الخاص بي - Colorpic ، وهو أمر بسيط للغاية في أدوات المطور.

وقد أوضحت هذه المقالة بإيجاز قوائم مختلف أدوات المطورين. أعتقد أنه يمكن للجميع استخدام هذه الأداة القوية بسهولة.

سيؤدي ذلك بالتأكيد إلى عواصف دموية في العالم (شكرًا لك Xiaoqi لتذكيرني بهذا المصطلح ، لقد نسيت فجأة ، للأسف ~ ربما لأنني قرأت أحدث روايات فنون الدفاع عن النفس. ولكن يبدو أنني على دراية بالتعابير مثل تلهث وليانليان مؤخرًا). في المستقبل القريب ، سيتم إنتاج عدد لا يحصى من Kong Yiji.

【HTML】

تحقق من رمز HTML للصفحة. سيتم إرسال هذه الصفحة إلى أداة التحقق من HTML لـ W3C وسيتم الحصول على تقرير التحقق.

【CSS】

تحقق من رمز CSS للصفحة. سيتم إرسال هذه الصفحة إلى أداة التحقق من CSS لـ W3C وسيتم الحصول على تقرير التحقق.

【مصدر】

تحقق من رمز الملف المصدر للصفحة. سيتم إرسال هذه الصفحة إلى أداة التحقق من FeedValidator.org وسيتم الحصول على تقرير التحقق.

【وصلة】

تحقق من الرابط إلى الصفحة. سيتم إرسال هذه الصفحة إلى أداة التحقق من W3C وسيتم الحصول على تقرير التحقق.

【HTML المحلي】

افتح أداة التحقق من HTML لـ W3C للتحقق من الصفحة المحلية.

css المحلية】

افتح أداة التحقق من CSS لـ W3C للتحقق من الصفحة المحلية.

【الوظائف المريحة】 قائمة WCAG

تحقق من WCAG للصفحة (إمكانية الوصول إلى محتوى ويب إمكانية الوصول إلى الصفحة). سيتم إرسال هذه الصفحة إلى أداة التحقق من ContentQuality.com وسيتم الحصول على تقرير التحقق.

قائمة [الوظائف المريحة]

تحقق من صفحة 508 معايير. سيتم إرسال هذه الصفحة إلى أداة التحقق من ContentQuality.com وسيتم الحصول على تقرير التحقق.

【إجراءات متعددة】

تحقق من الصفحة في نفس الوقت للتحقق من مواصفات متعددة.

فيما يتعلق بالتحقق من الصفحة ، أود أن أقول بضع كلمات: في الواقع ، هل تحتاج الصفحة إلى تمرير التحقق قبل إطلاقه؟ أنا شخصياً أشعر أنه غير ضروري تمامًا. إذا كنت طالبًا ، فاستلقي داخل برج العاج. يمكنك رمي صفحتك في أي وقت ، لأنك العميل ولديك وقت فقط. ومع ذلك ، ليست هناك حاجة لإهدار موارد المشروع القيمة لتمريرة للمشاريع التجارية. نظرًا لعدم اهتمام أي عميل بك ، تم التحقق من الصفحة التي صنعتها من قبل W3C في العديد من الجوانب. إذا كان هناك عملاء يهتمون حقًا ، فيمكنني فقط أن أقول إنني معجب بقدرتك على الخداع.

وقد أوضحت هذه المقالة بإيجاز قوائم مختلف أدوات المطورين. أعتقد أنه يمكن للجميع استخدام هذه الأداة القوية بسهولة.

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