البحث عن مشكلات عرض CSS عبر مختلف المستعرضات في Dreamweaver

بحث
Adobe Dreamweaver دليل المستخدم

في هذه الصفحة

يسري على: Adobe Dreamweaver

某些 Creative Cloud 应用程序、服务和功能在中国不可用。

قم بتشغيل اختبار توافق مستعرض في Dreamweaver، وحدد مجموعات HTML وCSS التي بها مشكلات في مستعرضات معينة.

ملاحظة:

في Dreamweaver CC والإصدارات اللاحقة، تم استبدال اللوحة CSS Styles بـ CSS Designer. لمزيد من المعلومات، راجع CSS Designer.

تساعدك الميزة Browser Compatibility Check (BCC) على تحديد مواقع توليفات HTML وCSS التي تتسم بمشكلات في مستعرضات معينة. عند تشغيل BCC بملف مفتوح، يقوم Dreamweaver بفحص الملف والإبلاغ عن أي مشكلات محتملة تتعلق بعرض CSS في اللوحة Results. يشير تصنيف ثقة، موضح بدائرة ممتلئة إلى الربع، أو إلى النصف، أو إلى ثلاثة أرباع، أو ممتلئة تمامًا، إلى إمكانية حدوث الخطأ (تشير الدائرة الممتلئة إلى الربع إلى إمكانية حدوث محتملة، بينما تشير الدائرة الممتلئة تمامًا إلى إمكانية حدوث مرجحة تمامًا). لكل خطأ محتمل يعثر عليه، يوفر Dreamweaver كذلك ارتباطًا مباشرًا إلى وثائق تتعلق بالخطأ على Adobe CSS Advisor، وهو موقع ويب يسرد بالتفصيل أخطاء العرض المعروفة الخاصة بالمستعرضات، كما يوفر حلولاً لإصلاحها.

افتراضيًا، تقوم الميزة BCC بالبحث لأجل المستعرضات التالية: Firefox 1.5، وInternet Explorer (لنظام التشغيل Windows) الإصداران 6.0 و7.0، وInternet Explorer (لنظام التشغيل Macintosh) 5.2، وNetscape Navigator 8.0، وOpera الإصداران 8.0 و9.0، وSafari 2.0.

تحل هذه الميزة محل الميزة Target Browser Check السابقة، لكنها تحتفظ بوظيفة CSS الخاصة بهذه الميزة. أي أن ميزة BCC الجديدة تقوم كذلك باختبار التعليمات البرمجية بالمستندات لمعرفة ما إذا كانت المستعرضات المستهدفة الخاصة بك لا تدعم أيًا من خصائص أو قيم CSS.

قد تحدث ثلاثة مستويات من المشكلات المحتملة المتعلقة بدعم المستعرضات:

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

  • تحذير يشير إلى جزء من التعليمات البرمجية لـ CSS غير مدعم في مستعرض معين، ولكن ذلك لن يسبب أي مشكلات فادحة في العرض.

  • رسالة إعلام تشير إلى تعليمات برمجية غير مدعمة في مستعرض معين، ولكن ذلك لا يؤثر تأثيرًا مرئيًا.

لا تؤدي عمليات الفحص الخاصة بالتوافق مع المستعرضات إلى تعديل المستند بأي صورة من الصور.

تشغيل عملية فحص للتوافق مع المستعرضات

  1. حدد File > Check Page > Browser Compatibility.

حدد العنصر المتأثر بأحد المشكلات التي تم العثور عليها

  1. انقر نقرًا مزدوجًا فوق المشكلة في اللوحة Results.

انتقل إلى المشكلة التالية أو السابقة التي تم العثور عليها في التعليمات البرمجية

  1. حدد Next Issue أو Previous Issue من القائمة Browser Compatibility Check في شريط الأدوات Document.

حدد المستعرضات التي سيقوم برنامج Dreamweaver بالفحص لأجلها

  1. في اللوحة Results (Window > Results)، حدد علامة التبويب Browser Compatibility Check.
  2. انقر فوق السهم الأخضر الموجود بالركن العلوي الأيسر من اللوحة Results ثم حدد Settings.
  3. حدد خانة الاختيار الموجودة إلى جوار كل مستعرض تريد الفحص لأجله.
  4. لكل مستعرض يتم تحديده، حدد أدنى إصدار يتم الفحص لأجله من القائمة المنبثقة المقابلة.

    على سبيل المثال، لمعرفة إمكانية ظهور أخطاء في عرض CSS في مستعرض Internet Explorer 5.0 والإصدارات الأحدث، ومستعرض Netscape Navigator 7.0 والإصدارات الأحدث، حدد خانات الاختيار إلى جوار أسماء تلك المستعرضات، ثم حدد 5.0 من القائمة المنبثقة Internet Explorer و7.0 من القائمة المنبثقة Netscape.

استبعاد مشكلة من فحص التوافق مع المستعرضات

  1. قم بتشغيل عملية فحص للتوافق مع المستعرضات.
  2. في اللوحة Results، انقر بزر الماوس الأيمن (في نظام التشغيل Windows) أو انقر مع الضغط على المفتاح Control (في نظام التشغيل Macintosh) فوق المشكلة التي تريد استبعادها من عمليات الفحص مستقبلاً.
  3. حدد Ignore Issue من قائمة السياق.

تحرير القائمة Ignored Issues

  1. في اللوحة Results (Window > Results)، حدد علامة التبويب Browser Compatibility Check.
  2. انقر فوق السهم الأخضر الموجود بالركن العلوي الأيسر من اللوحة Results ثم حدد القائمة Edit Ignored Issues List.
  3. في الملف Exceptions.xml، ابحث عن المشكلة التي تريد حذفها من القائمة Ignored Issues وقم بحذفها.
  4. قم بحفظ الملف Exceptions.xml وإغلاقه.

حفظ تقرير فحص للتوافق مع المستعرضات

  1. قم بتشغيل عملية فحص للتوافق مع المستعرضات.
  2. انقر فوق الزر Save Report بالجانب الأيسر من اللوحة Results.

    ملاحظة:

    حرّك الماوس فوق الأزرار الموجودة في اللوحة Results لمشاهدة تلميحات أدوات الأزرار.

    ملاحظة:

    لا يتم حفظ التقارير تلقائيًا؛ فإذا كنت تريد الاحتفاظ بنسخة من أحد التقارير، يجب اتباع الإجراء الوارد أعلاه لحفظه.

عرض تقرير فحص للتوافق مع المستعرضات في مستعرض

  1. قم بتشغيل عملية فحص للتوافق مع المستعرضات.
  2. انقر فوق الزر Browse Report بالجانب الأيسر من اللوحة Results.

    ملاحظة:

    حرّك الماوس فوق الأزرار الموجودة في اللوحة Results لمشاهدة تلميحات أدوات الأزرار.

افتح موقع الويب Adobe CSS Advisor

  1. في اللوحة Results (Window > Results)، حدد علامة التبويب Browser Compatibility Check.
  2. انقر فوق نص الارتباط بالجزء السفلي الأيمن من اللوحة.