ابھی حال ہی میں، ہم نے ڈیولپرز اور ڈیزائنرز کے لیے 12 گوگل کروم ایکسٹینشنز پر ایک پوسٹ جاری کی اور جب کہ ان میں سے کچھ ایکسٹینشنز Firefox پر دستیاب ہیں۔ ، میں یہاں کوئی بات نہیں دہراؤں گا۔
اسی طرح ذیل میں دی گئی کچھ ایکسٹینشنز Chrome پر دستیاب ہیں لہذا ایسی ایپس کو متعلقہ براؤزرز کے لیے بونس سمجھیں۔
1۔ ایچ ٹی ایم ایل کی توثیق کرنے والا
HTML Validator یہ یقینی بنانے کے لیے آپ کے کوڈ کے ذریعے چلتا ہے کہ یہ HTML معیاری کنونشن کی پیروی کرتا ہے۔ یہ ٹول بار میں آئیکن پر نظر آنے والی غلطیوں کی تعداد دکھاتا ہے۔
HTML Validator Firefox Addon
2۔ آکٹوٹری
ایک ڈویلپر کے طور پر، میں GitHub پر کئی کوڈ پیجز چلاتا ہوں جب یہ دیکھنے کے لیے تلاش کرتا ہوں کہ دوسرے ڈویلپرز نے کچھ مسائل کیسے حل کیے . اگر آپ میری طرح ہیں تو آپ کو Octotree مفید پائیں گے۔
Octotree ایک درخت کی شکل میں GitHub کوڈ دکھاتا ہے۔ اس طرح، آپ سورس فائلوں کو ڈاؤن لوڈ کیے بغیر کوڈ لائنز کے ذریعے براؤز کر سکتے ہیں۔
Octotree GitHub کوڈ درخت کی شکل میں دکھاتا ہے
3۔ HTTPS ہر جگہ
HTTPS ہر جگہ ڈیٹا کو انکرپٹ کرتا ہے جس کا آپ تمام بڑے ویب صفحات کے ساتھ تبادلہ کرتے ہیں چاہے وہ HTTPS استعمال نہ کریں۔
لہذا اگر آپ کو ایسے صفحات پر بھیج دیا جائے جو https استعمال نہیں کرتے ہیں تو آپ یقین کر سکتے ہیں کہ آپ کا آن لائن رابطہ محفوظ ہے۔
4۔ صفحہ کی کارکردگی کا ٹیسٹ
Page Performance Test آپ کو آپ کے ویب صفحات پر ان کی رفتار اور لوڈنگ کی کارکردگی کی پیمائش کرکے اعداد و شمار فراہم کرتا ہے۔ آپ چارٹ کے نتائج کو بعد کے ٹیسٹوں سے موازنہ کرنے کے لیے محفوظ کر سکتے ہیں۔
صفحہ کی کارکردگی کا ٹیسٹ
5۔ یوزرنیپ
Usersnap آپ کو ویب سائٹس کے اسکرین شاٹس لینے اور مارک اپ ڈرائنگ اور تبصرے شامل کرکے ان کی تشریح کرنے کے قابل بناتا ہے۔ یہ پکسل رولر کے ساتھ بھی آتا ہے اور پراجیکٹ مینجمنٹ کے مختلف ٹولز بشمول Slac، Trello، اور JIRA کے ساتھ براہ راست ضم ہو سکتا ہے۔
یہ فہرست Usersnap کے بغیر مکمل نہیں ہو گی بشرطیکہ یہ ایک مؤثر رائے کے عمل کو قابل بناتی ہے۔ یہ ایک بامعاوضہ سروس ہے، حالانکہ، 14 دن کی مفت آزمائش کے ساتھ۔
Usersnap
6۔ جاوا اسکرپٹ کو غیر فعال کریں
JavaScript کو غیر فعال کریں، جیسا کہ نام سے ظاہر ہے، آپ کو ویب سائٹس یا صرف مخصوص ٹیبز پر جاوا اسکرپٹ کو بند کرنے کی صلاحیت فراہم کرتا ہے۔ آپ اسے اپنی مرضی کے مطابق JS کو آن/آف کی ڈیفالٹ حالت، اور ڈومین/ٹیب وغیرہ کے ذریعے ڈیفالٹ غیر فعال رویہ رکھنے کے لیے بنا سکتے ہیں۔
جاوا اسکرپٹ کو غیر فعال کریں
7۔ ویب ڈویلپر چیک لسٹ
ویب ڈویلپر چیک لسٹ ایکسٹینشن آپ کو ایک جائزہ فراہم کرتی ہے کہ آپ کی سائٹ بہترین ڈیزائن اور ڈیولپمنٹ طریقوں کے مطابق کتنی قابل استعمال ہے۔
آئیکن پر کلک کرنے سے آپ کو آپ کی سائٹ کے SEO، دوستانہ یو آر ایل، فیوی کون وغیرہ کے بارے میں مطلع ہو جائے گا جس کے ساتھ پاس کی نشاندہی کرنے کے لیے ان کے ساتھ لگے ہوئے چیک مارکس ہیں۔
ویب ڈویلپر چیک لسٹ
8۔ ری ایکٹ ڈیولپر ٹولز
React کی مقبولیت میں بظاہر نہ ختم ہونے والے اضافے کے ساتھ، React کے ڈیولپرز تقریباً ہر روز پیدا ہوتے ہیں اور React ٹیم نے ان کا احاطہ کیا ہے۔
React ڈویلپر ٹولز آپ کو ری ایکٹ ٹری کے ساتھ اس کی حالت، پروپس، درجہ بندی وغیرہ کا معائنہ کرنے کی صلاحیت دیتا ہے۔ , Firefox devtools لانچ کریں اور React ٹیب پر سوئچ کریں۔
Vue.js devtools کی شکل میں Vue ڈویلپرز کے لیے ایک ورژن بھی ہے۔
رییکٹ ڈیولپر ٹولز
9۔ ColorZilla
ColorZilla ڈیولپرز اور گرافک ڈیزائنرز کے لیے مختلف ویب پیجز سے رنگ چننے کا ایک بہترین ٹول ہے۔
اس میں ایک آئی ڈراپر، ایک گریڈینٹ جنریٹر، پیلیٹ براؤزر اور کلر ہسٹری بھی شامل ہے۔
کلر زیلا
10۔ Evernote Web Clipper
Evernote Web Clipper آپ کو ویب صفحات کے اسکرین شاٹس لینے کے قابل بناتا ہے اور انہیں خود بخود آپ کے Evernote میں محفوظ کرتا ہے۔اکاؤنٹ جس سے آپ تشریحات بنا سکتے ہیں اور ٹیم کے اراکین کے ساتھ شئیر کر سکتے ہیں۔
Evernote Web Clipper
11۔ کوکی مینیجر
کوکی مینیجر سیکیورٹی کے حوالے سے ایک ایکسٹینشن ہے جو آپ کو کسی بھی میں کوکیز کو دیکھنے، شامل کرنے، ترمیم کرنے، حذف کرنے اور تلاش کرنے کے قابل بناتی ہے۔ ڈومین۔
کوکی مینیجر کے بارے میں اس سے بھی اچھی بات یہ ہے کہ آپ ڈومینز کے درمیان کوکیز برآمد اور درآمد کر سکتے ہیں۔
کوکی مینیجر
12۔ سی ایس ایس اور اس سے کم کے لیے لائیو ایڈیٹر
CSS اور LESS کے لیے لائیو ایڈیٹر آپ کو براہ راست اپنے براؤزر میں CSS/LESS کوڈ لکھنے کے قابل بناتا ہے۔ آپ کا کوڈ فوری طور پر نافذ ہوتا ہے اور آپ کے براؤزر کے مقامی اسٹوریج میں سائٹ کی سطح پر محفوظ ہو جائے گا۔
اس کے ان پیج ایڈیٹر میں خودکار تکمیل، خوبصورتی، لنٹر وغیرہ کی خصوصیات ہیں۔ آپ اسے ضرور دیکھیں۔
CSS کے لیے لائیو ایڈیٹر
کیا آپ درج کردہ ایکسٹینشنز میں سے کسی کو پسند کرتے ہیں یا آپ کے پاس کوئی ایسی فہرست ہے جسے ہم استعمال کر سکتے ہیں؟ تبصرے کا سیکشن نیچے ہے۔