it-swarm.asia

ما هو Google Chrome المكافئ لـ Firebug؟

أنا أبحث عن أداة يمكنها:

  • فحص عناصر HTML
  • إدارة/تصحيح جافا سكريبت
  • أداء الملف الشخصي
  • تعديل العناصر في الوقت الحقيقي
29
Evan Plaice

إنها مدمجة. صفحة [ورقة] -> مطور -> أدوات مطور البرامج (في Chrome v5 وتحت). من المحتمل أن تكون مختلفة في الإصدار v6 حيث يبدو أن زر الصفحة يختفي في هذا الإصدار.

32
Mark Hatton

انقر بزر الماوس الأيمن -> فحص العنصر

17
HoLyVieR
13
Emmett

لقد مرت 4 سنوات منذ طرح السؤال الأصلي. Chrome (ثابت) الآن في الإصدار 38. لفترة طويلة ، تضمنت مجموعة كاملة من أدوات المطور التي تعادل تقريبًا Firebug for Firefox (على الرغم من أن Firefox بالمناسبة المفتش المدمج أيضا).

تتيح لك أدوات المطور في Chrome القيام ببعض الأشياء:

  • فحص DOM
  • فحص CSS
  • الوصول إلى وحدة تحكم JavaScript
  • تصحيح جافا سكريبت
  • عرض طلبات الشبكة والتوقيتات والاستجابات
  • عرض أداء العرض وجافا سكريبت و CSS
  • فحص التخزين المحلي وملفات تعريف الارتباط

أدوات ديف يمكن الوصول إليها في مجموعة متنوعة من الطرق.

  • قائمة Chrome -> الأدوات -> أدوات المطور

  • Ctrl + Shift + I في ويندوز أو Cmd + Shift + I على ماك

  • F12 على ويندوز

  • انقر بزر الماوس الأيمن في أي مكان على الصفحة وحدد فحص العنصر

5
user9877

تعد أدوات المتصفح كبيرة في وظيفتها وعادة ما تكون خيارك الأول الأفضل ، لكن في بعض الأحيان لا توفر تفاصيل تقنية كافية حول حمولات طلب HTTP/الاستجابة ، أو تكون خاصة بالصفحة.

في هذه الحالات ، قد تجد أن أداة فحص HTTP مخصصة مثل Fiddler أو واحدة من بدائل Linux ستوفر المزيد من التبصر.

إذا كنت حقًا بحاجة إلى الحصول على المعدن العاري ، Wireshark يتجاوز HTTP إلى تحليل حركة مرور الشبكة بالكامل ، لكن كن مستعدًا للتغلب عليه في البداية.

3
JasonBirch

يمكنك أيضًا تجربة Google Trader المفتوحة المصدر - http://code.google.com/webtoolkit/speedtracer/

Speed ​​Tracer هي أداة لمساعدتك في تحديد وإصلاح مشاكل الأداء في تطبيقات الويب الخاصة بك. يتصور المقاييس المأخوذة من نقاط الأجهزة ذات المستوى المنخفض داخل المستعرض ويقوم بتحليلها أثناء تشغيل التطبيق الخاص بك. يتوفر Speed ​​Tracer كملحق Chrome ويعمل على جميع الأنظمة الأساسية حيث يتم دعم الامتدادات حاليًا (Windows و Linux).

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

1
mvark