← Kembali ke Ciri
Pro

Detektor Teknologi

Pindai situs web dan identifikasi tech stack lengkap.

Memahami teknologi yang digunakan oleh sesebuah laman web amat bernilai untuk analisis persaingan, pembelajaran, keputusan pengambilan pekerja, dan prospek jualan. Perkhidmatan seperti BuiltWith dan Wappalyzer menawarkan ini, tetapi ia memerlukan anda melawat laman web berasingan atau memasang sambungan khusus. Site Stack dibina terus ke dalam DevSuite Pro — aktifkan pada mana-mana halaman dan lihat pecahan teknologi penuh dengan serta-merta.

Alat ini berfungsi dengan menganalisis pelbagai isyarat: global variable JavaScript (React.__SECRET, __NEXT_DATA__, __NUXT__), meta tag dan atribut HTML (generator, ng-version), HTTP header (X-Powered-By, Server), URL script dan stylesheet (cdn.shopify.com, googletagmanager.com), serta corak struktur DOM. Hasilnya disusun mengikut kategori: Frontend Framework, Meta-Framework, CMS/Platform, Analytics & Tracking, CDN & Hosting, UI Libraries, dan Build Tools.

Aplikasi single-page yang melakukan hydrate di sisi klien selepas respons HTML kosong atau skeleton awal dikendalikan dengan mengimbas semula sebaik sahaja halaman selesai dimuatkan, dan bukan hanya menyemak respons pelayan mentah — ini mengelakkan false negative yang biasa berlaku apabila laman React atau Vue kelihatan seolah-olah tiada teknologi kerana detector dijalankan sebelum framework tersebut selesai mounted. Setiap teknologi yang dikesan menunjukkan penunjuk keyakinan (confidence) berdasarkan berapa banyak isyarat bebas yang mengesahkannya, jadi anda tahu sekali pandang hasil mana yang kukuh dan mana yang wajar disemak semula sendiri.

Pratonton Langsung
example.com
Teknologi Dikesan
Kerangka Kerja Frontend
R
React
N
Next.js
v14.1
Analitik & Penjejakan
GA
Google Analytics 4
H
Hotjar
CDN & Pengehosan
CF
Cloudflare
Vercel
Ciri-ciri Utama

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.

Kes Penggunaan Biasa

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.

Cara Guna
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.

Sedia untuk Mencuba?

Pasang DevSuite Pro secara percuma dan buka 64+ alat pembangun untuk pelayar anda.

Tambah ke Chrome Tambah ke Edge Tambah ke FireFox