Pro

Site Stack

Site Stack هر وب‌سایتی را اسکن می‌کند و پشته فناوری کامل آن را شناسایی می‌کند — فریم‌ورک‌های frontend (React, Vue, Angular, Svelte)، متا-فریم‌ورک‌ها (Next.js, Nuxt, SvelteKit)، پلتفرم‌های CMS (WordPress, Shopify)، ابزارهای آنالیتیکس (Google Analytics, Hotjar)، CDN‌ها (Cloudflare, Vercel) و ده‌ها مورد دیگر. همه فناوری‌های شناسایی‌شده در یک پنل دسته‌بندی‌شده با نام‌ها، نسخه‌ها و آیکون‌ها نمایش داده می‌شوند.

افزودن به Chrome افزودن به Edge افزودن به FireFox

فهمیدن اینکه یک وب‌سایت از چه فناوری‌ای استفاده می‌کند، برای تحلیل رقبا، یادگیری، تصمیم‌های استخدامی و شناسایی مشتری بالقوه فروش ارزشمند است. سرویس‌هایی مانند BuiltWith و Wappalyzer این قابلیت را ارائه می‌دهند، اما نیازمند مراجعه به یک وب‌سایت جداگانه یا نصب یک اکستنشن اختصاصی هستند. Site Stack مستقیماً داخل DevSuite Pro ساخته شده است — آن را در هر صفحه‌ای فعال کنید و فوراً کل تفکیک فناوری‌ها را ببینید.

این ابزار با تحلیل چند سیگنال کار می‌کند: متغیرهای سراسری JavaScript (مانند React.__SECRET، __NEXT_DATA__، __NUXT__)، متاتگ‌ها و ویژگی‌های HTML (مانند generator، ng-version)، هدرهای HTTP (مانند X-Powered-By، Server)، آدرس اسکریپت‌ها و stylesheetها (مانند cdn.shopify.com، googletagmanager.com) و الگوهای ساختاری DOM. نتایج در دسته‌بندی‌هایی مانند فریم‌ورک فرانت‌اند، متا-فریم‌ورک، CMS/پلتفرم، آنالیتیکس و ردیابی، CDN و هاستینگ، کتابخانه‌های UI و ابزارهای بیلد سازمان‌دهی می‌شوند.

اپلیکیشن‌های تک‌صفحه‌ای (SPA) که پس از یک پاسخ اولیه خالی یا اسکلت HTML در سمت کلاینت hydrate می‌شوند، با اسکن دوباره پس از تثبیت‌شدن صفحه مدیریت می‌شوند، نه با بررسی صرف پاسخ خام سرور — این کار از یک اشتباه رایج جلوگیری می‌کند که در آن یک سایت React یا Vue بدون فناوری به نظر می‌رسد چون تشخیص پیش از mount شدن فریم‌ورک اجرا شده است. هر فناوری شناسایی‌شده یک نشانگر اطمینان (confidence) دارد که بر اساس تعداد سیگنال‌های مستقلی که آن را تأیید کرده‌اند تعیین می‌شود، بنابراین در یک نگاه می‌فهمید کدام نتایج قطعی هستند و کدام‌ها ارزش بررسی دوباره را دارند.

ویژگی‌های کلیدی

شناسایی فریم‌ورک Frontend

React, Vue, Angular, Svelte, Preact, Solid, Alpine.js, jQuery و سایر کتابخانه‌های frontend را شناسایی می‌کند. شماره نسخه‌های دقیق را در صورت موجود نشان می‌دهد (مثلاً React 18.2.0, Vue 3.4.21). حتی روی build‌های production minified شده شناسایی می‌کند.

پلتفرم‌های CMS و تجارت الکترونیک

WordPress (با تم و پلاگین‌ها)، Shopify، Wix، Squarespace، Webflow، Ghost، Drupal، Magento، WooCommerce و سایر پلتفرم‌ها را شناسایی می‌کند. پلتفرم را حتی زمانی که برندینگ حذف شده شناسایی می‌کند.

ابزارهای آنالیتیکس و بازاریابی

Google Analytics (GA4 و UA)، Google Tag Manager، Meta Pixel، Hotjar، Mixpanel، Segment، Amplitude، Intercom، Crisp chat و سایر ابزارهای ردیابی/بازاریابی نصب‌شده روی صفحه را پیدا می‌کند.

CDN، هاستینگ و زیرساخت

Cloudflare، Vercel، Netlify، AWS CloudFront، Fastly، GitHub Pages، Firebase Hosting و سایر ارائه‌دهندگان CDN/هاستینگ را از هدرهای HTTP، رزولوشن DNS و URL‌های منابع شناسایی می‌کند.

کتابخانه‌های UI و ابزارهای Build

Tailwind CSS، Bootstrap، Material UI، Chakra UI، Styled Components، Webpack، Vite، Parcel و سایر ابزارهای UI/build را از الگوهای کلاس CSS، ساختار script و قراردادهای نام‌گذاری دارایی شناسایی می‌کند.

نتایج دسته‌بندی‌شده با نسخه‌ها

همه فناوری‌های شناسایی‌شده در دسته‌های برچسب‌دار با نام فناوری، آیکون، شماره نسخه و سطح اطمینان سازماندهی می‌شوند. روی هر نتیجه کلیک کنید تا ببینید کدام سیگنال‌ها شناسایی را فعال کردند.

موارد استفاده رایج

تحلیل فناوری رقبا

از وب‌سایت‌های رقیب بازدید کنید و پشته فناوری آن‌ها را شناسایی کنید. آیا از React یا Vue استفاده می‌کنند؟ کدام ابزارهای آنالیتیکس اجرا می‌کنند؟ کدام CDN دارایی‌های آن‌ها را تحویل می‌دهد؟ از این بینش‌ها برای اطلاع از تصمیمات فناوری خودتان استفاده کنید.

جستجوی فروش و صلاحیت‌سنجی سرنخ

یک پلاگین WordPress می‌فروشید؟ قبل از تماس بررسی کنید آیا سایت مشتری احتمالی روی WordPress اجرا می‌شود. ادغام‌های Shopify ارائه می‌دهید؟ پلتفرم را تأیید کنید. Site Stack داده فوری صلاحیت‌سنجی سرنخ به شما می‌دهد.

یادگیری الگوهای فناوری

از وب‌سایت‌هایی که تحسین می‌کنید بازدید کنید و ببینید چه فناوری‌هایی آن‌ها را تغذیه می‌کند. کشف کنید که Stripe از Next.js استفاده می‌کند، Linear از React استفاده می‌کند، یا اینکه یک سایت با بارگذاری سریع از Cloudflare و Vite استفاده می‌کند. ترکیب‌های فناوری که خوب با هم کار می‌کنند را یاد بگیرید.

ممیزی سطح فناوری خودتان

Site Stack را روی سایت تولید خودتان اجرا کنید تا تأیید کنید چه چیزی برای دنیای خارج قابل مشاهده است. آیا تگ‌های script باقی‌مانده از ابزارهایی که حذف کرده‌اید وجود دارد؟ آیا نسخه فریم‌ورک شما زمانی که نباید در معرض دید است؟

آماده‌سازی برای مصاحبه و تحقیق

در حال آماده‌سازی برای مصاحبه شغلی در یک شرکت هستید؟ بررسی کنید از چه فناوری‌هایی در وب‌سایتشان استفاده می‌کنند تا بتوانید تجربه مرتبط را نشان دهید و سؤالات آگاهانه در مورد پشته آن‌ها بپرسید.

نحوه استفاده

فعال‌سازی Site Stack

داک شناور DevSuite Pro را باز کرده و روی آیکون Site Stack کلیک کنید. ابزار DOM، script‌ها، هدرها و تگ‌های meta صفحه را برای امضاهای فناوری اسکن می‌کند.

مشاهده نتایج دسته‌بندی‌شده

فناوری‌های شناسایی‌شده سازماندهی‌شده بر اساس دسته ظاهر می‌شوند: Frontend، CMS، آنالیتیکس، CDN، کتابخانه‌های UI و ابزارهای Build. هر ورودی نام فناوری، آیکون و نسخه را نشان می‌دهد.

بررسی جزئیات شناسایی

روی هر فناوری شناسایی‌شده کلیک کنید تا ببینید کدام سیگنال‌ها شناسایی را فعال کردند — متغیرهای جهانی، تگ‌های meta، URL‌های script یا الگوهای DOM.

بررسی سطوح اطمینان

هر شناسایی یک نشانگر اطمینان نشان می‌دهد. چندین سیگنال تطبیقی اطمینان را افزایش می‌دهند. شناسایی‌های تک‌سیگنالی به عنوان «احتمالی» علامت‌گذاری می‌شوند.

مقایسه بین سایت‌ها

به وب‌سایت‌های مختلف بروید و Site Stack را روی هر کدام اجرا کنید تا انتخاب‌های فناوری را در رقبا، مشتریان یا سایت‌های مرجع مقایسه کنید.