مرحبا بالجميع. أريد أن أشاطرك بعض الإضافات لمتصفح Chrome التي أستخدمها عند تطوير المواقع وتحليلها والعمل مع GitHub وفقط في الحياة اليومية. أنا متأكد من أن قائمة هذه الإضافات ، بالنسبة لمعظم القراء ، لن تكون نافذة ، لكن أولئك الذين يتعلمون لأول مرة ويقومون بتثبيتها سيستمتعون بلا شك بالعمل باستخدام أدوات جديدة.
أعتقد أن الأمر لا يستحق إنشاء موطئ قدم طويل مع وصف متعمق للأداة ، فهي بسيطة وسهلة الفهم. لذلك ، سأحاول التحدث بإيجاز عن مزايا استخدامها.
للعمل مع جيثب
Octotree هو ، في رأيي ، التمديد الأكثر فائدة وراحة. يتيح لك عرض التعليمات البرمجية المصدر في شكل شجرة ، والتي يتم عرضها على الجانب الأيسر من الصفحة. الملاحة الجديدة أكثر ملاءمة من المعيار. ستكون Octotree مفيدة بشكل خاص إذا كنت تعمل في مشروع واسع النطاق مع عدد كبير من الدلائل المتداخلة.
يعد GitHub Repository Size أحد المكونات الإضافية المريحة والبسيطة التي تعرض كلاً من حجم المستودع الفردي وحجم كل ملف فيه.
OctoLinker هو امتداد يوفر
تنقلاً سريعًا في الكود من خلال تحويل عناصر الكود البسيطة إلى روابط قابلة للنقر. يتيح لك اتباع هذا الرابط العثور على المصدر بسرعة. اعتمادًا على لغة البرمجة ، يُظهر الملحق الملف المصدر أو يأخذ المستخدم إلى موقع خارجي. يتم تمييز العناصر التي تم تحويلها إلى رابط بنقاط وردية بحيث يمكنك على الفور معرفة مكان وجود رابط تفاعلي.
يوفر
GitHub Hovercard إمكانية الوصول الفوري إلى معلومات المستخدم والمستودعات والأسئلة والالتزامات من أي مكان على موقع GitHub. فقط تحوم فوق المعلومات.
npmhub عند عرض مستودع على github.com يحتوي على ملف
package.json ، سيحلل هذا الملحق التبعيات الموجودة في الحزمة ويعرض روابط مع وصف لها أسفل ملف README مباشرة.
توضح إحصائيات github npm إحصائيات تنزيل الحزمة على موقع NPM ، إن وجدت.
يعرض
المكرر Github وجبات الإفطار المتأخرة المنشورة مؤخرًا ، ويسمح لك أيضًا بإعادة العمل مع الطلبات وإظهار الصور الرمزية للمستخدمين الذين استجابوا للتعليقات.
المساهمات متساوي القياس - هذا التمديد ليس مفيدًا مثل
المساهمات السابقة ، ولكنه مثير جدًا للاهتمام). يتيح لك التبديل بين مخطط مساهمة منتظم على GitHub ونسخة من الفن بكسل متساوي القياس.
للعمل مع المواقع
يعد Eye Dropper أداة رائعة لعرض الألوان المستخدمة على مواقع الويب وإنشاء لوحات خاصة بك. أنا استخدامها كل يوم تقريبا)).
التقاط صفحة الشاشة بالكامل . تخيل أنك قد طورت هبوطًا على 3-5 شاشات ولا تعرف كيف تجعله ملء الشاشة. اضغط على شاشة الطباعة 5 مرات وجعل القطع في المحرر واحدة تحت الأخرى؟ حسناً! FPSC هي أداة رائعة تأخذ لقطة شاشة للصفحة الحالية في بضع ثوانٍ. يعد هذا مفيدًا جدًا إذا كنت بحاجة إلى التحقق من تحسين الموقع دون تنزيل خدمات خاصة ، بالإضافة إلى التقاط الموقع الذي قمت بإنشائه بالكامل.
WhatFont - بمساعدة هذا الملحق ، يمكنك بسهولة معرفة الخطوط المستخدمة على الموقع بمجرد النقر فوق الملحق ونقل المؤشر إلى المكان الذي تريده. إنها بسيطة وأنيقة. تم تعطيله بالضغط على زر "Esc". يظهر أيضًا لون النص والطول وحجم الخط والمعلمات الأخرى.
PerfectPixel - سيساعدك هذا الامتداد على تطوير موقعك بدقة بكسل.
CSS Peeper هي أداة تحليل CSS مصممة خصيصًا للمصممين. الهدف من التمديد هو السماح للمصممين بالتركيز على التصميم وقضاء وقت أقل قدر ممكن في الحفر في الكود. مجرد محاولة ذلك في العمل ، وسوف تفهم كل شيء.
للعمل اليومي
Google Translator هي أداة أخرى لا يمكن لأي من أيام العمل تقريبًا الاستغناء عنها. هذه ليست صفحة ، هذا امتداد. مع ذلك ، يمكنك ترجمة النص المحدد بسرعة مباشرة على الصفحة دون الذهاب إلى صفحة المترجم. مز لا يترجم النصوص الطويلة ، لكن لا يهم.
أضع أيضًا مُخبر مُحسّنات محرّكات البحث ، لكنه نوع من الغباء). هذا كل شيء الآن. آمل أن تجد هذا الاستعراض مفيدًا.
(ملاحظة: إذا أعجبك المقال ، ضع علامة الجمع في الكرمة ، وإلا لا أستطيع التصويت)
اكتب التعليقات التي الإضافات التي تستخدمها (أو هل هناك بديل أفضل) عند تطوير المواقع أو تحليلها أو العمل مع Git؟