يمسح مُكتشف التقنيات (Site Stack) الويب ويحلل طبقات الحزمة التكنولوجية المُشَغِلة للموقع بتمامها — منصات الواجهات مثل (React, Vue, Angular, Svelte)، الأُطر الشاملة (Next.js, SvelteKit)، ونظم إدارة المحتوى كتلك الموجودة بـ (WordPress, Shopify)، وباقة أدوات الإحصاءات والتحليل (Google Analytics, Hotjar)، وشبكة توزيع المحتوى (CDNs كـ Cloudflare, Vercel) والمزيد من الخصائص المذهلة. وتجتمع الحصيلة مصنفة ومشروحة بالتفصيل في نافذة مخصصة تحمل شعاراتها ونسخ إصداراتها.
فهم التقنيات التي يستخدمها موقع ويب أمر ذو قيمة كبيرة لأغراض التحليل التنافسي والتعلم وقرارات التوظيف والبحث عن العملاء المحتملين. تقدم خدمات مثل BuiltWith وWappalyzer هذه الميزة، لكنها تتطلب زيارة موقع منفصل أو تثبيت إضافة مخصصة. أما أداة Site Stack فهي مدمجة مباشرة داخل DevSuite Pro - فعّلها على أي صفحة وشاهد التفصيل الكامل للتقنيات المستخدمة فورًا.
تعمل الأداة عبر تحليل إشارات متعددة: المتغيرات العامة في JavaScript (مثل React.__SECRET و__NEXT_DATA__ و__NUXT__)، وعلامات وسمات meta في HTML (مثل generator وng-version)، ورؤوس HTTP (مثل X-Powered-By وServer)، وروابط الأكواد النصية وملفات الأنماط (مثل cdn.shopify.com وgoogletagmanager.com)، وأنماط بنية DOM. يتم تنظيم النتائج في فئات: إطار الواجهة الأمامية (Frontend Framework)، والإطار الفوقي (Meta-Framework)، ونظام إدارة المحتوى/المنصة (CMS/Platform)، والتحليلات والتتبع (Analytics & Tracking)، وشبكة توصيل المحتوى والاستضافة (CDN & Hosting)، ومكتبات واجهة المستخدم (UI Libraries)، وأدوات البناء (Build Tools).
يتم التعامل مع تطبيقات الصفحة الواحدة (SPA) التي تُرطّب (Hydrate) من جانب العميل بعد استجابة HTML فارغة أو هيكلية أولية عبر إعادة الفحص بعد استقرار الصفحة، بدلاً من الاكتفاء بفحص استجابة الخادم الخام فقط - وهذا يتجنب الخطأ الشائع في النتائج السلبية الكاذبة حيث يبدو موقع React أو Vue وكأنه خالٍ من أي تقنية لأن الكاشف عمل قبل أن يكتمل تحميل الإطار. تعرض كل تقنية مكتشفة مؤشر ثقة يعتمد على عدد الإشارات المستقلة التي أكدتها، بحيث تعرف بلمحة سريعة أي النتائج موثوقة وأيها يستحق التحقق منها بنفسك.
للتعرف على محركات وإطارات عمل كـ React, Vue, Angular, Svelte, Preact وغيرها من نظم التطوير الأمامية. يعرض الإصدار الدقيق وقت ما كان ذلك متاحاً لتفهمه (مثال: React 18.2.0)، وتقدر على كشف التطبيقات المُصغرة (minified) بمراكز وتكوينات خوادم العرض.
يستعلم بجد للترصد لـ وردبريس WordPress (ويفضح قوالب العمل والملحقات)، Shopify, Wix, Squarespace, Webflow وغيرها من مكاتب تطوير البلوكات والمتاجر المفتوحة والمقفلة حتى والوسوم التعريفية محجوبة.
يرصد ويجد خدمات التتبع المتضمنة والتسويقية على غرار Google Analytics بأجيالها وحاويات Google Tag Manager، وكذا Meta Pixel, Hotjar والمحادثة المُدمجة كـ Intercom وغيرها.
تمييز أدوات الاستضافة وناقل وتوزيع الباندويث الموزع كـ Cloudflare، و منصات Vercel، و Netlify أو خوادم كـ AWS، عبر فحص توثيق عناوين النطاقات و DNS ورؤوس مرسلات الـ HTTP.
يبحث بجدية لـ Tailwind CSS كإطار مكتبة رئيسي، Bootstrap, Material UI, Webpack, Vite, وغيرها للتصميم من حياكة وتوزيع وفحص وسوم الـ CSS ومسارات الأسماء التعريفية للأصول.
تُصنف كامل التقنيات التي تُعثر عليها لفئات، موسومة برموز واسم ومستوى من الثقة العالية والمتدنية لتفريقها وتحليلها بصرياً لعينك. انقر لاستيضاح السبب وراء الرصد وأسبابه.
اقصد مواقع الزبائن وتفحص جوهر تقنيتها من الأسفل. أي منهج يعتمدون؟ React أم Vue؟ وما هي خدمات الإحصائيات الفعالة بجذور أنظمتهم؟ وما هي شبكة الـ CDN الموردة؟ استغل ذلك لتستقي القرارات لأبعاد ومصالح مشروعاتك.
أتبيع إضافات خاصة لـ WordPress؟ تفقد مُسبقاً إذا كان الزبون المُرتقب يعمل بذات المحرك والبيئة. مُهتم بتكويد Shopify؟ تأكد بأن بيئة التاجر تُشغل المبدأ وتسهل عليك إتخاذ الخُطوة الأولى بقوة وبيانات.
زر وبادر لرؤية مخرجات العمل التي تهواها، واستلهم ما يدور بخَلَد المنظومات الناجحة، فقد يكشف لك أن منصة Linear بُنيت بـ React، وموقع Stripe اتخذ من Next.js منطلقاً، فتتشكل مداركك للباقات المنسجمة والمؤتلفة معاً.
ابنِ حصانتك المعرفية وسلط المُفتش بمجال ومنصة العمل لتعي ما هو متوفر وما مكشوف للقاصي والداني. هل تلاشت وسوم JavaScript لأدوات مسحتها منذ القدم؟ هل يعرض خادمك نُسخ وبيانات حساسة لم يجدر كشفها للعموم؟
أمامك خُطوة استباقية لمقابلة التعيين لشركة أو جهة؟ طالع أدواتهم وعمق الوعي ببيئة برمجة الشركة لتتدرع بثقافة نافذة حول خبراتهم بمصطلحات تتسق تماماً بخانات أدواتهم الحية.
بفتح قائمة DevSuite Pro واختيار أداة Site Stack. يعمد كاشف التحري لفحص الـ DOM وسياق المطور وتراويسات HTTP والنصوص المرفقة بعلامات Meta بغية اكتساب المخطوطات والرموز المميزة للتقنية.
ترتب وتظهر النتائج بنسق مُبوب لفئات كالواجهات والمحتوى والمبيعات وإصدارات المكاتب وخوادم الشبكة، وتعرض بجوارها معلومات رمزية ودقيقة وتوثيق لخط سير الإصدار.
تأكد وانقر بجوار أي حُزمة لرؤية المحرك الذي أطاح باستدلاله من قيم عليا ومراجع، وعمليات DOM أو ترويسات ومسارات ربط لترسو على سبب إيراد التحري في الملف المحسوب.
تعرض كل نتيجة مُكتشفة موثوقية عالية ومنخفضة للتأكد منها. المؤشرات العديدة للمكتبات تعزز الوثوقية للتكنولوجيا. لكن الاكتشاف لمصدر أو إشارة مفردة يوشم بكلمة "مُحتمل" (Probable).
اسبر أغوار الويب والمنافسين عبر هذه الآلية، ولتفعيل الأداة المتجددة لتقوم بمقارنات لصفقات العملاء، المتنافسين وإطار تقييم الأسواق والمشاريع الأخرى للتعلم.
قم بتثبيت DevSuite Pro مجانًا وافتح أكثر من 64 أداة للمطورين لمتصفحك.
