أفضل 20 إضافة Add-ons للفيرفوكس وجوجل كروم

هنا فى هذه الصفحة تم تجميع أفضل الاضافات الجديدة للمتصفحين Mozilla FireFox موزيلا فيرفوكس, Google Chrome جوجل كروم, واركز فى الموضوع على الاضافات المفيدة للويب ماستر او مطوري الويب, والتى توفر الكثير من الوقت, والكثير من الادوات فى مكان واحد.

اذا اردت احدى الصور اكبر فاضغط عليها.

إضافات Addons للفيرفوكس:

سنبدأ بإضافات المتصفح فيرفوكس الشهير .

AdBlock Plus:

إضافة AdBlock Plus هى الاضافة الافضل من بين إضافات حجب الاعلانات, وهى الاكثر تحميلا فى دليل إضافات المتصفح, حيث انها تقوم بحجب كل الاعلانات التى تريدها, وذلك عن طريق احد الفلاتر التى تصل الى 40 فلتر وفى اكثر من 10 لغات, وكل فلتر يضم مجموعة اعدادات مخصصة لتناسب الجميع, ومن مميزات هذه الاضافة انه يمكنك التعديل على الفلاتر وتخصيصها, وايضا تمكنك الاضافة من حجب الصور من مواقع معينة او الفلاش او اى انواع الملتيميديا, ويمكنك السماح لاضافة بعدم تطبيق الفلتر او اعدادات الحجب عن مواقع معينة او عن نوع معين من الاضافات كالنصوص, اعلانات جوجل … .

لتحميل هذه الاضافة من هنا.

Form History Control

هذه أفضل الاضافات التى تتعامل مع مدخلات الحقول مثل حقول البحث والبريد الالكترونى وغيرها من العناصر المخزنة فى سجل التاريخ لدينا History, ويمكنك بواسطة هذه الاضافة ان تتعامل بسلاسة مع هذه الكلمات المخزنة حيث يمكنك التعديل والحذف وتنظيف المتصفح من الكلمات او المدخلات التى لم تستخدم منذ فترة معينة, او تنظيفها كليا, ومن المميزات الجميلة ايضا انه يمكنك ان تجد او ترتب المدخلات او البحث عنها, وترتيبها من حيث الاستخدام او البحث بالاسم او بالقيمة لحقل معين, وتسمح لك بالتحكم الكامل والرائع فى كل المدخلات للنمازج او الحقول او Form التى تم حفظ بياناتها تلقائيا من المتصفح, ويمكنك تطبيق بعد الفلترات لتعرض لك المدخلات عن طريق حقل معين او Form ليتم ادارتها بشكل خاص وبحرية اكبر وهناك الكثير من المميزات التى كنت اود ان اذكرها ولكن اخشي الاطالة عليكم.

لتحميل هذه الاضافة من هنا.

View Source Chart

عندما تريد عرض مصدر الصفحة فأنت تتطلع لايجاد شئ معين فانت تبحث عن الكود اين بدايته واين نهايتة, وهذه العملية متعبة بعض الشئ وتحتاج لوقت نوعا ما للقراءة والتركيز عن ما نبحث, ولكن ماذا عن الرؤية المرئية والطريقة التنسيقية لرؤية الكود؟ ماذا عن تحديد الوسم باطار خاص وبلون خاص لرؤية مكانه وما بداخله فقط اومكانه دون تداخل الامور علينا؟ اليس هذا اسهل؟ نعم فهذا يكون اسرع فتحليل العقل للرؤية المرئية والالوان, بدلا من الكود وربطها ببعضها يكون اسرع وأسهل, وهذا مايدفعنا لاستخدام DOM او محرراتها, التى تعتمد على طريقة العرض الشجيري للكود ولهيكل الصفحة بطريقة منظمة وفعالة, وهذه الاضافة تعتمد على DOM لطريقة افضل لمصدر الصفحة, بعيدا عن عارض المصدر العادى للمتصفح.

للتحكم بالاضافة:

يمكنك التصغير (Ctrl + -) او التكبير (Ctrl + +) للخط.

لعرض المصدر عن طريق الاضافة اضغط نقرة يمنى ثم اختر “View Source Chart”.

لتحميل هذه الاضافة من هنا.

QuickJava:

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

لتحميل هذه الاضافة من هنا.

Web Developer

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

لتحميل هذه الاضافة من هنا.

:Flagfox

هذه الاضافة تقوم بعرض العلم الخاص بدولة السيرفر المضاف عليه الموقع, وهناك العديد من الخواص الاخرى مثل :

• فحص أمن الموقع وخلوة من البرامج الضارة Malware .
• المواقع المشابه.
• اختصار الروابط.
• معلومات عن الموقع WhoIs.
• إظهار آي بي الموقع.
• الترجمة التلقائية او اليدوية الى لغتك.
• والعديد من المميزات الجميلة.

لتحميل هذه الاضافة من هنا.

Firebug:

إضافة Firebug تضيف الكثير من ادوات التطوير والتعديل على صفحة الموقع اثناء تصفحك بسهولة تامة ومدمجة فى المتصفح دون الحاجة لبرامج خارجية, ويمكنك عرض اكواد CSS, HTML, JS والكثير من الادوات.

لتحميل هذه الاضافة من هنا.

:FireFTP

من لا يعرف هذه الاداة فهو لديه برنامج إف تي بي لنقل الملفات إلى موقعه, واذا كان ما يهمك فيه هو الامان, والسرعة, العديد من المميزات والادوات والواجهة البسيطة فعليك بهذه الاضافة ثم تضف إلي ذلك وجودها بين يديك مع متصفحك, وتتواجد فى هذه الإضافة دعم للكثير من التقنيات الهامة للبعض مثل SFTP, SSL encryption, والبحث وفلترة النتائج مثلا صور فقط او HTML فقط, وخاصية السحب والإفلات الجميلة والكثير …

لتحميل هذه الاضافة من هنا.

:Rainbow Color Tools

إضافة للتعامل مع الالوان على الويب من تحليل الوان الصفحة اظهار لوحة الوان التى تتكون منها الصفحة سواء صور ام CSS, ويمكنك ايضا استخراج لون معين فى منطقة من الصفحة ويخرج لك كود اللون لتنسخه وتستعمله, وايضا يتوافر مكتبة لالوانك حيث يمكنك الحفظ واسترجاع الالوان حسب Tag معين او حسب الرابط, ويمكنك أخذ كود اللون بالعديد من الصيغ (hex, rgb, ,hsl CSS).

لتحميل هذه الاضافة من هنا.

:Stylish

عن طريق هذه الاضافة ستغير ستايل اي موقع تحب على هواك من مكتبة كبيرة للاستايلات فيمكنك تغيير إستايل موقع درسني, جوجل, فيس بوك, فيلكر, المنتديات, المدونات … او اى موقع آخر, فأنت ستختار لكل موقع او نوع من المواقع “كالمنتديات” الاستايل الذي تحب وتضيفه له لترى الموقع يلبس الثوب الجديد الذي تختاره له, ويمكنك انشاء استايلات جديدة او التعديل على استايل معين, ويشمل التغيير اشياء عديدة وجميلة ليس الالوان او الـ CSS , فهناك الصور والاكواد والجافا والتأثيرات, مما يجعلك تتصفح اي موقع بالطريقة التى تحلو لك.

يمكنك الحصول على الاستايلات من هنا او من الضغط على الايقونة فى شريط الحالة السفلي.

لتحميل هذه الاضافة من هنا.

:IE Tab Plus

اضافة جميلة لفتح الروابط المواقع بالاكسبلور “Internet Explorer Browser”  ولكن داخل لسان الفيرفوكس او نافذة فيرفوكس بدون فتح برنامج متصفح الفيرفوكس, هذه الاضافة مفيدة وجميلة لمن يستخدم الاكسبلور قليلا ولكنة سحب الفيرفوكس اكثر فقد قربت اليك المسافات فلست بحاجه لفتح المتصفح الاخر.

وهذه الاداة تختلف عن IE Tap انها تستخدم إضافة  Adblock Plus حيث يكون لسان او نافذة الاكسبلور التى تفتحها يكون مطبق عليها فلترات برنامج حجب الاعلانات Adblock Plus وكأنها صفحة او لسان فيرفوكس عادى.

لتحميل هذه الاضافة من هنا.

:Google Chrome

وهنا إضافات المتصفح الخفيف والسريع جوجل كروم

Pendule

هى إضافة جميلة تحتوى على العديد من الاداوت التى تخص مطوري الويب, مثل أدوات التعامل مع الاستايلات والسي إس إس CSS والجافا, والتعامل مع حقول Forms النماذج حيث تمتلك خاصية تحويل طريقة method من “Get” الى “Post” او العكس, وادوات التعامل مع الصور, ونسخ الالوان عبر اداة Color Picker, واداة القياس لمعرفة طول شئ معين مثلا, واداوت عرض مصدر الصفحة “كود الصفحة” , واداوت اخرى مثل التحقق من اخطاء Html او .Css

لتحميل هذه الاضافة من هنا.

:Alexa Traffic Rank

أداة موقع اليكسا المعروف لترتيب المواقع, وهذه الاضافة لطالما ينتظرها الكثير ليجدها فى متصفحة حيث يري قيمة او رتبة الموقع ومكانته بين باقى المواقع على مستوى العالم او على مستوي الدولة الاكثر شعبية للموقع, وتقييم الموقع من الاعضاء وسرعة الموقع ورؤية الموقع فى الماضي فيمكنك مثلا عن طريق WayBack رؤية كيف كان جوجل او غيرة فى زمن معين سابق.

لتحميل هذه الاضافة من هنا.

:Speed Tracer

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

• Javascript
• CSS style
• DOM Event handling
• XMLHttpRequest

فيديو للتوضيح اكثر عن الاضافة

للمزيد عنها وعن كيفية عملها | لتحميل الاضافة من هنا .

:Chrome Editor Lite

إضافة محرر جميل وبسيط للتحرير السهل السريع عن طريق المتصفح, ويدعم هذا المحرر الكتابة بـ HTML 4 DTD, HTML 5 DTD, Adobe Flash EmbedJquery FuntionsCSS ,

بعض الاختصارات للتحكم السريع:

• ctrl + 1 = h1 tag
• ctrl + 2 = h2 tag
• ctrl + 4 = HTML 4 DTD
• ctrl + 5 = HTML 5 DTD
• ctrl + q = div with class
• ctrl + d = div with id
• ctrl + p = paragraph tag
• ctrl + b = bold tag
• ctrl + r = break tag
• ctrl + i = italics tag
• ctrl + 8 = ul tag
• ctrl + 9 = ol tag
• ctrl + 0 = li tag
• ctrl + n = image tag
• ctrl + f = flash embed code
• ctrl + j = jquery function code
• ctrl + k = bookmark tag
• ctrl + j = jquery function code
• ctrl + s = style sheet styles
• ctrl + l = insert link
• ctrl + m = mailto:
• ctrl + o = preview

لتحميل هذه الاضافة من هنا.

PHP documentation:

هذه الاضافة يجدها المهتمين مثلي بلغة البي إتش بي PHP مهمة  حيث انه لا يوجد من يحفظ كل الدوال او كامل هذه اللغة, ولا حتى مصنعيها, وهذه الاداة ستوفر عليك تنزيل ملفات الـ documentation فقط ستبحث مباشرة من المتصفح عن الدالة التى تريدها او عن نوع الوثائق الذي تريده, ليتم عرض تفاصيله من موقع اللغة PHP.net

لتحميل هذه الاضافة من هنا.

:Instant Image Editor

هذه الاضافة تمكنك من تحرير الصور بطريقة رائعة وبمزيد من الخصائص, والاضافة فى الاصل تعتمد على محرر الصور “الفلاشي” الخاص بشركة pixlr والذي اشتهر فى المواقع وزالمنتديات العربية تحت مسمي “فوتوشوب اون لاين” لقوته, الان هو لديك مندمج فى المتصفح عن طريق هذه الاضافة, ولتحرير صورة او خلفية عن طريق الضغط Alt + نقرة يمنى على الصورة.

لتحميل هذه الاضافة من هنا.

:Chrome IE Tab Multi

إضافة تمكنك من فتح صفحات بواسطة متصفح انترنت اكسبلور ولكن داخل لسان متصفح جوجل كروم او نافذة جديدة مع مميزات عديدة مثل اختيار شكل او استايل الاضافة وشريط ادوات مبسط وخفيف.

لتحميل هذه الاضافة من هنا.

:Google Chrome SEO

أضافة تختص بامور الفحص ومراقبة SEO لاي موقع, وتحتوى على ادوات “Search Engine Optimization Tools” عديدة فى عرض بيانات واحصائيات الموقع والمزيد من المعلومات مثل عدد الصفحات المؤرشفة فى محركات البحث العالمية جوجل, بينج, آسك, ياهو. ومعلومات الرانك وترتيب الموقع فى جوجل واليكسا والقائمة طويلة وتشمل على العديد من المعلومات الكافية لمعرفة مدى قوة SEO لهذا الموقع.

لتحميل هذه الاضافة من هنا.

Awesome Screenshot: Capture & Annotate

هذه افضل الاضافات على الاطلاق من وجهة نظرى فى مجال تصوير صفحة الويب واضافة الشروحات عليها وحفظها ونشرها على الويب, وهذه الاضافة تجعلك تعدل على الصورة وتضع الخطوط والاشكال والاسهم …

فيديو:

لتحميل هذه الاضافة من هنا.

اتمنى ان ارى آراءكم واقتراحاتكم فى تعليقاتكم  .