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

Aardvark: Aardvark يتيح لك تحديد عناصر من صفحة ويب وتنفيذ إجراءات مختلفة عليها. أنا استخدمه لتحليل بنية الصفحة. يمكنك أيضًا إزالة العناصر وعزلها أو إنشاء شفرة DOM. انا اوصي بشده به.

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

أداة Validator CSS : يضيف CSS Validator خيار النقر بزر الماوس الأيمن في المستعرض الخاص بك ، وإرسال CSS إلى W3C CSS Validator. يفتح النتائج في علامة تبويب جديدة. CSS Validator هو أداة لطيفة سوف تأتي في متناول اليد في كثير من الأحيان.

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

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

FirePHP: FireBug هي أداة جيدة لـ CSS و HTML و JavaScript ، ولكن FirePHP ، الذي يعمل فقط عندما يكون ملحق FireBug مثبتًا ، يخلق تجربة تطوير كاملة المواصفات. مع مساعدة كل من الإضافات ، يمكنك عرض جودة PHP الخاص بك والعثور على الأخطاء. انها مساعدة كبيرة.

Font Finder: يتيح لك Font Finder إبراز الخط الذي تريده على أي موقع ، والنقر بزر الماوس الأيمن على التحديد ، وبعد اختيار "Font Finder" ، يمكنك عرض النص الكامل للنص في CSS. يمكنك بعد ذلك لصق ذلك في صفحة الويب الخاصة بك.

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

عرض IE: طالما كنت تقوم بتشغيل Windows ، يعتبر IE View أداة مفيدة. تضيف الإضافة خيار "فتح في IE" في قائمة النقر بزر الماوس الأيمن ، مما يتيح لك فتح موقع في Internet Explorer بسرعة. إنها طريقة رائعة للتحقق من شكل الصفحة في كلا المتصفحات.

Java Console: إذا كنت ترغب في معرفة كيفية عمل تطبيقات Java على صفحات الويب ، فإن Java Console تناسبك. يمكنك مراقبة التطبيقات وتصحيحها والحصول على تقرير كامل عن أدائها.

LinkChecker: يميز LinkChecker الروابط على أي موقع ويب ويخبرك ما إذا كان الرابط سيوجهك إلى موقع مباشر أو إذا كان سيعرض 404. أستخدمه كل يوم.

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

Style Sheet Chooser II: Style Sheet Chooser II يستبدل مبدلات أوراق الأنماط المدمجة في Firefox ويسمح لك باختيار نمط بديل سيستمر في جميع صفحات موقع الويب. إنه ليس شيئًا ستستخدمه كثيرًا ، ولكن عندما تحتاج إلى شيء من هذا القبيل ، فإن Style Sheet Chooser II هو الطريق المناسب.

مطور ويب: إذا قمت بتثبيت أي من الملحقات في هذه الجولة ، فيجب تضمين Web Developer. فهو يضيف قائمة وشريط أدوات إلى Firefox مما يتيح لك خيار عرض نمط الصفحة وعرض CSS وتعديله وغير ذلك الكثير. لا ينبغي أن يكون بدون مطور ويب.

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