الصفحة الرئيسية » howto » كيفية استخدام أدوات مطوري الويب في فايرفوكس لعرض هياكل الموقع في 3D

    كيفية استخدام أدوات مطوري الويب في فايرفوكس لعرض هياكل الموقع في 3D

    أضاف Firefox 11 مطورين جديدين لتطوير الويب إلى ترسانة فايرفوكس المثيرة للإعجاب بالفعل. تعمل ميزة Tilt على عرض بنية الموقع في ثلاثية الأبعاد ، في حين يمكن أن يحرر محرر الأنماط أنماط صفحات CSS على الفور.

    تعد الميزة ثلاثية الأبعاد ، المعروفة باسم Tilt ، طريقة لتصور DOM للموقع. وهو يتكامل مع "مفتش المستندات" الموجود ويستخدم WebGL لعرض رسومات ثلاثية الأبعاد غنية في المستعرض الخاص بك.

    الخيمة - 3D موقع التصور

    يمكنك الوصول إلى Tilt من داخل Page Inspector في Firefox. للبدء ، افتح Page Inspector من خلال تحديد "Inspect" من قائمة Web Developer. يمكنك أيضًا النقر بزر الماوس الأيمن في الصفحة الحالية وتحديد "فحص العنصر" لبدء تشغيل المفتش في عنصر محدد.

    انقر فوق الزر "3D" على شريط أدوات المعاينة.

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

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

    تم دمج هذا الرأي مع الأدوات الأخرى في المفتش. إذا كانت لوحات HTML أو Style Style مفتوحة ، فيمكنك النقر فوق عنصر في صفحة hte لعرض شفرة HTML الخاصة بعنصر ما أو خصائص CSS.

    المزيد من الميزات ثلاثية الأبعاد

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

    انقر فوق زر Cancel (إلغاء) لاستخدام الإصدار القديم من Tilt عند مطالبتك بذلك.

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

    محرر نمط CSS

    لعرض صفحات أنماط CSS للصفحة وتحريرها ، افتح Style Style من قائمة Web Developer.

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

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

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


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