Site Stack هر وبسایتی را اسکن میکند و پشته فناوری کامل آن را شناسایی میکند — فریمورکهای frontend (React, Vue, Angular, Svelte)، متا-فریمورکها (Next.js, Nuxt, SvelteKit)، پلتفرمهای CMS (WordPress, Shopify)، ابزارهای آنالیتیکس (Google Analytics, Hotjar)، CDNها (Cloudflare, Vercel) و دهها مورد دیگر. همه فناوریهای شناساییشده در یک پنل دستهبندیشده با نامها، نسخهها و آیکونها نمایش داده میشوند.
درک اینکه یک وبسایت از چه فناوری استفاده میکند برای تحلیل رقبا، یادگیری، تصمیمات استخدامی و جستجوی فرصتهای فروش ارزشمند است. سرویسهایی مانند BuiltWith و Wappalyzer این کار را ارائه میدهند، اما نیاز به بازدید از یک وبسایت جداگانه یا نصب یک افزونه اختصاصی دارند. Site Stack مستقیماً در DevSuite Pro ساخته شده — آن را روی هر صفحهای فعال کنید و بلافاصله تجزیه کامل فناوری را ببینید. ابزار با تجزیهوتحلیل چندین سیگنال کار میکند: متغیرهای جهانی JavaScript (React.__SECRET, __NEXT_DATA__, __NUXT__)، تگها و ویژگیهای meta HTML (generator, ng-version)، هدرهای HTTP (X-Powered-By, Server)، URLهای script و stylesheet (cdn.shopify.com, googletagmanager.com) و الگوهای ساختار DOM. هر شناسایی در صورت امکان از طریق چندین سیگنال تأیید میشود و سطح اطمینان نشان داده میشود. نتایج در دستهبندیها سازماندهی میشوند: فریمورک Frontend، متا-فریمورک، CMS/پلتفرم، آنالیتیکس و ردیابی، CDN و هاستینگ، کتابخانههای UI و ابزارهای Build.
React, Vue, Angular, Svelte, Preact, Solid, Alpine.js, jQuery و سایر کتابخانههای frontend را شناسایی میکند. شماره نسخههای دقیق را در صورت موجود نشان میدهد (مثلاً React 18.2.0, Vue 3.4.21). حتی روی buildهای production minified شده شناسایی میکند.
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 و سایر ابزارهای ردیابی/بازاریابی نصبشده روی صفحه را پیدا میکند.
Cloudflare، Vercel، Netlify، AWS CloudFront، Fastly، GitHub Pages، Firebase Hosting و سایر ارائهدهندگان CDN/هاستینگ را از هدرهای HTTP، رزولوشن DNS و URLهای منابع شناسایی میکند.
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 باقیمانده از ابزارهایی که حذف کردهاید وجود دارد؟ آیا نسخه فریمورک شما زمانی که نباید در معرض دید است؟
در حال آمادهسازی برای مصاحبه شغلی در یک شرکت هستید؟ بررسی کنید از چه فناوریهایی در وبسایتشان استفاده میکنند تا بتوانید تجربه مرتبط را نشان دهید و سؤالات آگاهانه در مورد پشته آنها بپرسید.
داک شناور DevSuite Pro را باز کرده و روی آیکون Site Stack کلیک کنید. ابزار DOM، scriptها، هدرها و تگهای meta صفحه را برای امضاهای فناوری اسکن میکند.
فناوریهای شناساییشده سازماندهیشده بر اساس دسته ظاهر میشوند: Frontend، CMS، آنالیتیکس، CDN، کتابخانههای UI و ابزارهای Build. هر ورودی نام فناوری، آیکون و نسخه را نشان میدهد.
روی هر فناوری شناساییشده کلیک کنید تا ببینید کدام سیگنالها شناسایی را فعال کردند — متغیرهای جهانی، تگهای meta، URLهای script یا الگوهای DOM.
هر شناسایی یک نشانگر اطمینان نشان میدهد. چندین سیگنال تطبیقی اطمینان را افزایش میدهند. شناساییهای تکسیگنالی به عنوان «احتمالی» علامتگذاری میشوند.
به وبسایتهای مختلف بروید و Site Stack را روی هر کدام اجرا کنید تا انتخابهای فناوری را در رقبا، مشتریان یا سایتهای مرجع مقایسه کنید.
DevSuite Pro را به صورت رایگان نصب کنید و بیش از ۳۹ ابزار توسعه را برای مرورگر خود باز کنید.
