🌐 یک ترفند DevTools که برای بررسی سایت رقبا خیلی کاربردیه

فرض کن وارد یک سایت شدی و می‌خوای بفهمی یک بخش خاص با چه تکنولوژی ساخته شده.

لازم نیست حدس بزنی.

حالا Chrome DevTools رو باز کن و از تب Network شروع کن.

صفحه رو Reload کن و بعد دنبال این‌ها بگرد:

.css
.js
.webp
.woff2
.json

اسم فایل‌ها و مسیرها گاهی کلی اطلاعات بهت میدن.

مثلاً ممکنه ببینی:

/wp-content/plugins/...
/wp-content/themes/...
/assets/...
/_next/...

یا حتی اسم کتابخانه‌ای که سایت استفاده می‌کنه داخل فایل‌های JS مشخص باشه.

تب Network فقط برای پیدا کردن خطا نیست؛ یه پنجره به پشت صحنه سایت محسوب میشه.

البته اطلاعاتی که از فرانت‌اند می‌بینی، لزوماً کل تکنولوژی Backend رو مشخص نمی‌کنه.

ولی برای تحلیل ساختار Frontend، Performance و Assetها فوق‌العاده کاربردیه.

@CodeVerse_dev