به‌عنوان یک برنامه‌نویس و یا کسی که به این حوزه علاقه دارد، شاید برایتان سؤال پیش آمده باشد که وب‌سایت‌های بزرگی که کاربران زیادی دارند، چگونه ساخته شده‌اند؟ و از کدام زبان و یا فریمورک برنامه‌نویسی استفاده می‌کنند؟ اگر به دنبال پیدا کردن راهی برای دانستن اینکه وب‌سایت‌های مختلف از چه تکنولوژی ساخته شده‌اند هستید، به جای مناسبی آمده‌اید؛ در این مقاله از مجله اینترنتی کاپریلا به پاسخ این سؤال پرداخته‌ایم. پس تا انتها ما را همراهی کنید.
از کجا بفهمیم سایت با چی طراحی شده؟
برای تشخیص سیستم مدیریت محتوا (Content Management System) و همچنین زبان برنامه‌نویسی یک وبسایت، ترفندها و راه‌های مختلفی وجود دارد که به کمک آنها می‌توانید متوجه شوید که یک سایت با چی طراحی شده است. برخی از آنها نیازمند داشتن دانش کافی در حوزه‌ی برنامه‌نویسی هستند و برخی دیگر نیز حتی برای مبتدیان این حوزه و کسانی‌که تازه وارد هستند، قابل استفاده و راحت است. به‌طور کلی 3 روش برای اینکه از کجا بفهمیم سایت با چی طراحی شده وجود دارد:
- کلیدهای میانبر
- استفاده از ابزارهای آنلاین
- استفاده از افزونه‌های مرورگرها
- آموزش HTML اچ تی ام ال برای طراحی وب – مقدماتی: اینجا را کلیک کنید (+).
- آموزش سی اس اس CSS برای طراحی وب – مقدماتی: اینجا را کلیک کنید (+).
- آموزش پروژه محور اچ تی ام ال و سی اس اس HTML و CSS: اینجا را کلیک کنید (+).
- مجموعه آموزش جاوا اسکریپت (JavaScript): اینجا را کلیک کنید (+).
- مجموعه آموزش PHP | آموزش برنامه نویسی پی اچ پی | مقدماتی تا پیشرفته: اینجا را کلیک کنید (+).
- مجموعه آموزش برنامه نویسی NET: اینجا را کلیک کنید (+).
کلیدهای میانبر
- یکی از این ابتدایی‌ترین و راحت‌ترین ترفندها برای پی بردن به زبان برنامه‌نویسی و تکنولوژی‌های به کار رفته در یک سایت، گرفتن دکمه‌های ترکیبی Ctrl+U در پنجره‌ی مرورگر شما است که موجب به نمایش در آمدن سورس‌کد وب‌سایتی که در آن قرار دارید می‌گردد. (البته این روش، سورس‌کدهای Front-End یک وبسایت را به شما نمایش می‌دهد نه سورس‌کدهای Back-End) پس از باز شدن پنجره‌ی سورس‌کد، کافی است نگاهی به درون تگ head آن بیاندازید تا ردی از CMSی که وبسایت، با آن راه‌اندازی شده است را ببینید. اگر از زبان برنامه‌نویسی و انواع CMS ها اطلاع داشته باشید، با دیدن کدهایی که در تگ head وجود دارد خواهید توانست سیستم مدیریت محتوا یا CMS آن سایت را تشخیص دهید و از روی این نیز می‌توانید بفهمید که آن وبسایت با چه زبانی ساخته شده است! به‌عنوان مثال CMSهای جوملا، وردپرس، مجنتو و دروپال با زبان PHP نوشته شده‌اند یا CMSهای Share Point و Kentico با زبان Net نوشته شده‌اند.
- یکی دیگر از این کلیدهای میانبر، دکمه‌های ترکیبی Ctrl+Shift+I است. شما با استفاده از این روش، نه تنها می‌توانید به کنسولِ مرورگر دسترسی داشته باشید و زبان برنامه‌نویسی یک وبسایت را تشخیص دهید بلکه بسیاری از قابلیت‌های آن وبسایت نظیر: پرفورمنس، امنیت، سورس‌کدها، تنظیمات شبکه و… را بررسی کنید.
استفاده از ابزارهای آنلاین
استفاده از ابزارهای آنلاین راهی ساده‌تر برای پاسخ به این سؤال که از کجا بفهمیم سایت به چی طراحی شده، می‌باشد. برای این کار کافی است آدرس وب‌سایتی که مد نظرتان است را در سایت‌های زیر وارد کنید تا آنها فناوری‌ها و زبانی که وبسایت مورد نظر شما با آن ساخته شده است را برای شما به نمایش درآورند. در ادامه 6 مورد از این ابزارهای آنلاین را با هم بررسی خواهیم کرد.
وب سایت NetCraft
وبسایت sitereport.netcraft.com هم برای شما زبان برنامه‌نویسی وبسایت موردنظرتان را تشخیص می‌دهد و هم اطلاعاتی دیگر شامل: امنیت و هاستینگ وب‌سایتی که وارد کرده‌اید را به شما اعلام می‌کند. اطلاعاتی که این وبسایت در اختیار شما قرار می‌دهد، عبارت‌اند از:
- Background
- SSL/TLS
- SSL Certificate Chain
- Hosting History
- Sender Policy Framework
- DMARC
- Site Technology
وب سایت BuiltWith
به کمک وبسایت builtwith.com و وارد کردن آدرس وبسایت موردنظرتان در آن، می‌توانید زبان برنامه‌نویسی و تکنولوژی‌هایی که برای ساخت وبسایت موردنظرتان استفاده شده را مشاهده کنید. شایان ذکر است اطلاعاتی که در Builtwith برای شما به نمایش در می‌آیند، در تب‌های زیر به شما ارائه می‌گردد:
- Technology Profile
- Detailed Technology Profile
- Meta Data Profile
- Relationship Profile
- Redirect Profile
- Company Profile
و اطلاعاتی که در این تب‌ها مشاهده می‌کنید عبارت‌اند از:
- Analytics and Tracking
- Widgets
- Mobile
- Content Delivery Network
- Content Management System
- JavaScript Libraries and Functions
- Web Servers
- Syndication Techniques
- Document Encoding
- Document Standards
- Content Delivery Network
وب سایت DomainTools
اگر قصد دارید با به‌دست آوردن اطلاعات چگونگی ساخت وب‌سایتی، آن را هک کنید، به شما وبسایت www.domaintools.com را پیشنهاد می‌دهیم؛ زیرا به کمک اطلاعاتی که این وبسایت در اختیار شما قرار می‌دهد، می‌توانید زیرساخت‌های هکری وبسایت مورد نظر را بررسی و نقشه‌برداری کنید.
وب سایت W3Techs
از دیگر ابزارهای آنلاین که به کمک آن می‌توانید زبان برنامه‌نویسی یک وبسایت را تشخیص دهید، وبسایت https://w3techs.com/sites می‌باشد؛ این ابزار برای شما انواع مختلفی از فناوری‌های وب را نشان می‌دهد. اطلاعات منتشرشده از وبسایت مورد نظر شما در این ابزار آنلاین عبارت‌اند از:
- Website Background
- Content Management Systems
- Server-side Programming Language
- Client-side Programming Language
- JavaScript Libraries
- Web Server
- DNS Server Provider
- SSL Certificate Authority
- Traffic Analysis Tool
- Advertising Network
- Tag Manager
- Site Elements
- Structured Data Formats
- Markup Language
- Character Encoding
- Image File Formats
- Server Location
- Content Language
یکی دیگر از ابزارهای آنلاین در این زمینه، stackshare.io است که علاوه بر تشخیص زبان برنامه‌نویسی و فناوری‌های استفاده شده در وبسایت مورد نظر، ابزارهای اوپن سورس، ابزار SaaS (Software as a Service) و همچنین ابزارهای توسعه‌دهنده را یک‌جا در اختیار شما قرار می‌دهد. شایان ذکر است که در حال حاضر این وبسایت فیلتر است و برای استفاده از آن نیاز به فیلترشکن دارید.
وب سایت RESCAN
به کمک ابزار آنلاین rescan.io نیز می‌توانید زبان برنامه‌نویسی که برای ساخت وبسایت موردنظرتان استفاده شده است را پیدا کنید.
- آموزش ساخت و پیکربندی وبسایت با Dreamweaver (رایگان): اینجا را کلیک کنید (+).
- آموزش سفارشی سازی صفحه ارتباط با ما و چک کردن دستورات برای طراحی سایت با Dreamweaver (رایگان): اینجا را کلیک کنید (+).
- آموزش پروژه محور دریم ویور Dreamweaver – طراحی وب سایت: اینجا را کلیک کنید (+).
استفاده از افزونه های مرورگرها
یکی دیگر از روش‌های بررسی و شناسایی چگونگی ساخت یک وبسایت و فناوری‌های استفاده شده در آن این است که می‌توانیم از افزونه‌ها، Add-Onها و همچنین Extentionهای مرورگرهای مختلف استفاده کنیم. مزیت استفاده از این روش نسبت به روش قبلی این است که دیگر نیازی به کپی کردن آدرس وبسایت و یا استفاده از فیلترشکن برای دسترسی به وبسایت ارائه دهنده‌ی خدمات، ندارید؛ کافی است به وبسایت مورد نظر خود مراجعه کنید و روی یکی از افزونه‌هایی که برای این کار نصب کرده‌اید کلیک کنید و فناوری‌های استفاده شده در وبسایت مورد نظر خود را مشاهده کنید.
شایان ذکر است که استفاده از افزونه‌ها، کار را برای شما راحت‌تر می‌کند اما یک ایراد بزرگ دارد، آن هم این است که این افزونه‌ها اطلاعاتی جزئی و کلی در مورد وبسایت موردنظرتان، به شما ارائه می‌دهند؛ اگر نیازمند اطلاعات کامل و جامعی در مورد زبان برنامه‌نویسی و فناوری‌های استفاده شده در وبسایت مورد نظر خود هستید، پیشنهاد می‌کنیم که از وب‌سایت‌های معرفی شده در بالا کمک بگیرید و از آنها استفاده کنید. اما افزونه‌هایی که به کمک آنها می‌توانید به اطلاعات اولیه و جزئی از چگونگی ساخت وبسایت مورد نظر خود برسید، عبارت‌اند از:
| نام افزونه | در Chrom | در FireFox |
| SimilarTech | پشتیبانی می‌شود | پشتیبانی می‌شود |
| Wappalyzer | پشتیبانی می‌شود | پشتیبانی می‌شود |
| WhatRuns | پشتیبانی می‌شود | پشتیبانی می‌شود |
| PageXray | پشتیبانی می‌شود | پشتیبانی نمی‌شود |
| Wiredwith Sitexray | پشتیبانی نمی‌شود | پشتیبانی می‌شود |
| Domain Details | پشتیبانی نمی‌شود | پشتیبانی می‌شود |
| Library Detector | پشتیبانی می‌شود | پشتیبانی می‌شود |
| W3Techs | پشتیبانی می‌شود | پشتیبانی می‌شود |
لازم به ذکر است که پس از نصب هر کدام از این افزونه‌ها، آیکون آن در سمت راست و بالای مرورگر شما ظاهر خواهد شد و کافی است پس از ورود به وبسایت مورد نظر، بر روی آیکون آن کلیک کنید تا زبان استفاده شده و فناوری‌های پشت وبسایت مورد نظر برای شما به نمایش درآید.
لیست مقالات تکمیلی یا پیشنهادی
- تشخیص زبان برنامه نویسی سایت با ۱۵ ابزار آنلاین و افزونه کاربردی
- آموزش رایگان طراحی سایت با دریم ویور Dreamweaver – راهنمای تصویری و گام به گام
- تبدیل آنلاین PSD به HTML – مراحل، ابزارها و نکات
- وبسایت ریسپانسیو (Responsive) چیست؟ | تاثیر سایت واکنشگرا (+ فیلم رایگان)
- آموزش UI و UX دیزاین به زبان ساده | تفاوت UI UX چیست؟
- وردپرس چیست و چه کاربردی دارد؟ | کاربرد، مزایا و راهنمای WordPress به زبان ساده
- طراحی رابط کاربری سایت + اصول اولیه و دستورالعمل‌های UI
- ساخت قالب وردپرس با html – آموزش گام به گام و جامع
- ۱۰ سایت ساز رایگان برتر در جهان – ساخت انواع سایت با چند کلیک
- موضوع برای طراحی وب سایت – 50 ایده عالی برای تولید محتوا در وب
- مسیر یادگیری برنامه نویسی وب + نقشه راه جامع: فرانت اند Front-End و بک اند Back-End
سخن پایانی
در این مقاله سعی کردیم چه کاربرانی که از دانش بالایی در حوزه‌ی برنامه‌نویسی وب بهره می‌برند و چه آن دسته از کاربرانی که تازه وارد این حوزه شده‌اند، بتوانند به کمک راه‌ها و روش‌های گفته شده به اطلاعات مورد نظر از چگونگی ساخته‌شدن وبسایت موردنظرشان، دسترسی پیدا کنند. امیدواریم که با مطالعه‌ی آیت مقاله توانسته باشید به پاسخ سؤال «از کجا بفهمیم سایت با چی طراحی شده» رسیده باشید. با انتشار لینک مقاله در شبکه‌های اجتماعی و در میان دوستان خود، باعث خوشحالی و انرژی گرفتن ما برای ادامه‌ی راه خواهید بود. پیروز و سربلند باشید.
اگر شما مخاطب گرامی، نظر و دیدگاهی در خصوص «چگونگی پی بردن به زبان برنامه نویسی و تکنولوژی‌های به کار رفته در یک سایت» دارید و یا نکته‌ی خاصی را می‌دانید که در این مقاله به آن اشاره نشده است، خواهشمند است دیدگاه‌های ارزشمند خود را از طریق بخش کامنت در انتهای این نوشتار به اشتراک بگذارید. همچنین در صورت صلاح‌دید می‌توانید، لینک این نوشتار را از طریق کانال‌ها و گروه‌هایی که در شبکه‌های اجتماعی عضو هستید به‌دست دوستان و آشنایان برسانید تا آنها نیز اگر درصدد این هستند که زبان برنامه‌نویسی سایت موردنظرشان را کشف کنند، به هدفشان دست یابند. علاوه بر آن، می‌توانید ما را در اینستاگرام و تلگرام فالو کنید تا در زمینه جدیدترین روش‌ها، ترفندها و اخبار دیجیتال مارکتینگ و تکنولوژی به‌روز بمانید.
