نقطة الاكتشاف

نصائح ودورات البرمجة والتصميم , خدع و شروحات الهواتف الذكية والمواقع الاجتماعية , صور فيسبوك , ايفون , اندرويد ...

شرح تحرير وعرض خصائص صفحة ويب مع firebug

شرح تحرير وعرض خصائص صفحة ويب مع firebug

شرح تحرير وعرض خصائص صفحة ويب مع firebug 




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

عرض مصدر HTML و CSS لاي عنصر في الموقع

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

معلومات سرية بالاضافة الى الاقتراح المذكور أعلاه يمكنك أيضا النقر بالزر الايمن على أي عنصر على صفحة الويب واختيار "Inspect Element" .

التعديل المباشر على صفحة HTML أو عناصر CSS ضمن firebug

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

تحليل سرعة تحميل الصفحة

الحرائق صفحة ويب اختبار سرعة
  بالإضافة إلى الميزات المذكورة أعلاه، فاير بوغ لديها القدرة على اختبار 

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




عرض نظرة عامة على جميع العناصر على صفحة

في Firebug، تحت علامة التبويب Net ، يمكنك عرض كل العناصر على صفحة ويب وتفاصيل إضافية حول كل من هذه العناصر.

معلومات سرية الزر F12 هو اختصار لفايربوغ.


الان تحميل firebug باخر اصدار :


هذا الموضوع بالانجليزية ولكنني قمت بترجمته 

والحمد لله 
هذا ليس كل شيء تصفح باقي الصفحات وتعرف على باقي التفاصيل…

المشاركات الشائعة