بسم الله الرحمان الرحيم
مصممي و مطوري الويب يواجهون بعض المشكلات و الصعوبات اثناء تصنيع موقع او تنفيذ ويب. يمكن ان تبدو تلك الصعوبات تحديدا في المتصفح اثناء عرض الموقع فمثلا اذا اردت مشاهدة كود محدد ستظطر الى الظغط على f12 لاظهار لائحة inspect element و تقوم باختيار العنصر الذي يتواجد فيه اللون لتتمكن مشاهدته. نتيجة لـ تلك المشكلات ظهرت بعض الاضافات تلك الاضافات تسهل عليك أكثرية اعمالك مثلا في وضعية اعجبك لون تَستطيع الاطلاع على كود ال HEX المخصص به بكبسة زر واحدة. نقدم لكم في ذلك الموضوع 10 من اكثر الاضافات لمتصفح جوجل كروم.
تحميل اضافة Marmoset :
إحدى الاضافات الجميلة للغاية تساعدك بعرض الكود المخصص بك بأسلوب جميلة بشكل كبير و اخذ صورة له في وضعية اذا اردت وضعه في احد مواضيعك او وضعه في احد عروضك.
ذلك مثال على الإضافة
تحميل اضافة Page Ruler :
تمكنك تلك الاضافة الرائعة بقياس كمية صفحة محددة في احد المواقع. فكل ما عليك فعله هو تحديد المقر الذي ترغب في قياس حجمه و سيظهر لك ال height و ال width الخاصين به .. الخ
تحميل اضافة Json Viewer :
على الارجح اضطررت في احد الايام الى التداول مع المعلومات بصيغة JSON و اضطررت الى عرضها على المتصفح المخصص بك إلا أن فوجئت بأن المعلومات تعرض بأسلوب غير مرتبة و لا تَستطيع قرائتها. تلك الاضافة تقوم بتنسيق عرض تلك المعلومات بأسلوب اكثر جاذبية و قابلة للقراءة هي فعلا اضافة احترافية و ستساعدك كثيرا في عملك.
تحميل اضافة Wappalyzer :
اضافة لا غنى عنها و حتما ستعجبك و ستساعدك كثيرا. تقوم تلك الاضافة بتحديد التقنيات المتعملة في تصنيع موقع الكتروني محدد من لغات برمجة و مكاتب و فريمووركات … و تقوم بعرضها لك. كل ما هو مطلوب منك فعله هو الدخول الى احد المواقع و سوف تقوم الاضافة بعملها بأسلوب اوتوماتيكية.
تحميل اضافة ColorZilla :
اضافة رائعة بحق ستختصر عليك الكثر من الشغل و الوقت تمكنك من تحديد اي لون مستعمل في اي صفحة. تَستطيع تحريك الفأرة فوق اي عنصر في الصفح لتحديد لونه. تقدم لك الاضافة أيضا بعض الالوان و التدرجات اللونية التي قد ترغب بتجريبها في تصاميمك.
تحميل اضافة UX Check :
تساعدك تلك الاضافة في تحديد اخطاء و مشكلات ال UX او تجربة المستعمل في موقعك و تقدم لك بعض الإجابات المقترحة لمعالجتها. حيث تعمل على معالجة صفحة الويب و تسليط الضوء على بعض الجوانب لتقترح عليك معالجتها.
تحميل اضافة WhatFont :
اضافة يظهر لنا دورها بواسطة اسمها حيث تساعدك تلك الاضافة في علم نوع الخط المستخدم في اي صفحة ويب لاغير بواسطة تمرير الفأرة فوق الجملة و يقوم ايضاً بالكشف عن الخدمات التي تم استعمالها لخدمة الخطوط المحددة.
تحميل اضافة EditThisCoockie :
تساعدك تلك الاضافة في عرض و تحرير و تطوير ملفات الكوكيز و التيقن منها على موقع محدد. تمكنك تلك الاضافة من حراسة ملفات الكوكيز و ايضا حظرها و تطويرها دفعة واحدة.
تحميل اضافة Lightshot :
تسمح لك تلك الاضافة بتصوير اي قسم من موقع محدد و تسمح لك أيضاً بتخصيص الصورة المأخوذة و اضافة تعليقات توضيحية عليها ثم اختيار حفظها على القرص الصلب او رفعها الى السيرفر و مساهمتها مع فرد اخر.
اضافة Full Page Screenshot :
تسمح لك تلك الاضافة بأخذ صورة لصفحة الويب كاملة بواسطة تصوير كل جزء منها و دمجهم مع بعض بأسلوب اوتوماتيكية كما تمكنك كذلك من تصوير جزء لاغير من الموقع و اختار الحفظ على جهازك المخصص او رفع الصورة الى السيرفر.


