← Quay lại tính năng
Pro

Stack công nghệ

Stack công nghệ quét bất kỳ trang web nào và xác định toàn bộ stack công nghệ của nó.

Hiểu được một trang web sử dụng công nghệ gì rất có giá trị cho việc phân tích đối thủ cạnh tranh, học hỏi, ra quyết định tuyển dụng, và tìm kiếm khách hàng bán hàng. Các dịch vụ như BuiltWith và Wappalyzer cung cấp tính năng này, nhưng đòi hỏi bạn phải truy cập một trang web riêng biệt hoặc cài đặt một extension chuyên dụng. Site Stack được tích hợp thẳng vào DevSuite Pro — kích hoạt nó trên bất kỳ trang nào và xem toàn bộ bảng phân tích công nghệ ngay lập tức.

Công cụ hoạt động bằng cách phân tích nhiều tín hiệu khác nhau: biến toàn cục JavaScript (React.__SECRET, __NEXT_DATA__, __NUXT__), thẻ meta và thuộc tính HTML (generator, ng-version), HTTP header (X-Powered-By, Server), URL script và stylesheet (cdn.shopify.com, googletagmanager.com), và các mẫu cấu trúc DOM. Kết quả được sắp xếp thành các danh mục: Frontend Framework, Meta-Framework, CMS/Platform, Analytics & Tracking, CDN & Hosting, UI Libraries, và Build Tools.

Các single-page app hydrate phía client sau khi phản hồi HTML ban đầu trống hoặc chỉ là khung skeleton được xử lý bằng cách quét lại sau khi trang đã ổn định, thay vì chỉ kiểm tra phản hồi server thô — điều này tránh được tình huống false negative phổ biến khi một trang React hay Vue trông như không có công nghệ gì vì detector chạy trước khi framework kịp mount. Mỗi công nghệ được phát hiện hiển thị một chỉ số độ tin cậy dựa trên số lượng tín hiệu độc lập xác nhận nó, nhờ vậy bạn biết ngay kết quả nào chắc chắn và kết quả nào đáng để tự kiểm tra lại.

Xem trước trực tiếp
example.com
Công nghệ được phát hiện
Khung frontend
R
React
N
Next.js
v14.1
Phân tích và theo dõi
GA
Google Analytics 4
H
Hotjar
CDN và lưu trữ
CF
Cloudflare
Vercel
Các tính năng chính

Frontend Framework Detection

Identifies React, Vue, Angular, Svelte, Preact, Solid, Alpine.js, jQuery, and other frontend libraries. Shows exact version numbers when available (e.g., React 18.2.0, Vue 3.4.21). Detects even on minified production builds.

CMS & E-Commerce Platforms

Detects WordPress (with theme and plugins), Shopify, Wix, Squarespace, Webflow, Ghost, Drupal, Magento, WooCommerce, and other platforms. Identifies the platform even when branding is removed.

Analytics & Marketing Tools

Finds Google Analytics (GA4 and UA), Google Tag Manager, Meta Pixel, Hotjar, Mixpanel, Segment, Amplitude, Intercom, Crisp chat, and other tracking/marketing tools installed on the page.

CDN, Hosting & Infrastructure

Identifies Cloudflare, Vercel, Netlify, AWS CloudFront, Fastly, GitHub Pages, Firebase Hosting, and other CDN/hosting providers from HTTP headers, DNS resolution, and resource URLs.

UI Libraries & Build Tools

Detects Tailwind CSS, Bootstrap, Material UI, Chakra UI, Styled Components, Webpack, Vite, Parcel, and other UI/build tooling from CSS class patterns, script structure, and asset naming conventions.

Categorized Results with Versions

All detected technologies are organized into labeled categories with technology name, icon, version number, and confidence level. Click any result to see which signals triggered the detection.

Các trường hợp sử dụng phổ biến

Competitive Technology Analysis

Visit competitor websites and identify their tech stack. Are they using React or Vue? Which analytics tools do they run? What CDN delivers their assets? Use these insights to inform your own technology decisions.

Sales Prospecting & Lead Qualification

Selling a WordPress plugin? Check if a prospect's site runs WordPress before reaching out. Offering Shopify integrations? Verify the platform. Site Stack gives you instant lead qualification data.

Learning Technology Patterns

Visit websites you admire and see what technologies power them. Discover that Stripe uses Next.js, Linear uses React, or that a fast-loading site uses Cloudflare and Vite. Learn technology combinations that work well together.

Auditing Your Own Technology Surface

Run Site Stack on your own production site to verify what's visible to the outside world. Are there leftover script tags from tools you've removed? Is your framework version exposed when it shouldn't be?

Interview & Research Preparation

Preparing for a job interview at a company? Check what technologies they use on their website so you can demonstrate relevant experience and ask informed questions about their stack.

Cách sử dụng
1

Activate Site Stack

Open the DevSuite Pro floating dock and click the Site Stack icon. The tool scans the page's DOM, scripts, headers, and meta tags for technology signatures.

2

View Categorized Results

Detected technologies appear organized by category: Frontend, CMS, Analytics, CDN, UI Libraries, and Build Tools. Each entry shows the technology name, icon, and version.

3

Explore Detection Details

Click any detected technology to see which signals triggered the detection — global variables, meta tags, script URLs, or DOM patterns.

4

Check Confidence Levels

Each detection shows a confidence indicator. Multiple matching signals increase confidence. Single-signal detections are flagged as "probable."

5

Compare Across Sites

Navigate to different websites and run Site Stack on each to compare technology choices across competitors, clients, or reference sites.

Sẵn sàng thử chưa?

Cài đặt DevSuite Pro miễn phí và mở khóa hơn 64 công cụ dành cho nhà phát triển cho trình duyệt của bạn.

Thêm vào Chrome Thêm vào Edge Thêm vào FireFox