طراحی سایت 3335 بازدید

به‌عنوان یک برنامه‌نویس و یا کسی که به این حوزه علاقه دارد، شاید برایتان سؤال پیش آمده باشد که وب‌سایت‌های بزرگی که کاربران زیادی دارند، چگونه ساخته شده‌اند؟ و از کدام زبان و یا فریمورک برنامه‌نویسی استفاده می‌کنند؟ اگر به دنبال پیدا کردن راهی برای دانستن اینکه وب‌سایت‌های مختلف از چه تکنولوژی ساخته شده‌اند هستید، به جای مناسبی آمده‌اید؛ در این مقاله از مجله اینترنتی کاپریلا به پاسخ این سؤال پرداخته‌ایم. پس تا انتها ما را همراهی کنید.

از کجا بفهمیم سایت با چی طراحی شده؟

برای تشخیص سیستم مدیریت محتوا (Content Management System) و همچنین زبان برنامه‌نویسی یک وب‌سایت، ترفندها و راه‌های مختلفی وجود دارد که به کمک آن‌ها می‌توانید متوجه شوید که یک سایت با چی طراحی شده است. برخی از آن‌ها نیازمند داشتن دانش کافی در حوزه‌ی برنامه‌نویسی هستند و برخی دیگر نیز حتی برای مبتدیان این حوزه و کسانی‌که تازه وارد هستند، قابل استفاده و راحت است. به‌طور کلی 3 روش برای اینکه از کجا بفهمیم سایت با چی طراحی شده وجود دارد:

  1. کلید‌های میان‌بر
  2. استفاده از ابزارهای آنلاین
  3. استفاده از افزونه‌های مرورگرها
از کجا بفهمیم سایت با چی طراحی شده
از کجا بفهمیم سایت با چی طراحی شده
پیشنهاد آموزشی مرتبط:

کلید‌های میانبر

  1. یکی از این ابتدایی‌ترین و راحت‌ترین ترفندها برای پی بردن به زبان برنامه‌نویسی و تکنولوژی‌های به کار رفته در یک سایت، گرفتن دکمه‌های ترکیبی Ctrl+U در پنجره‌ی مرورگر شما است که موجب به نمایش در آمدن سورس‌کد وب‌سایتی که در آن قرار دارید می‌گردد. (البته این روش، سورس‌کدهای Front-End یک وب‌سایت را به شما نمایش می‌دهد نه سورس‌کدهای Back-End) پس از باز شدن پنجره‌ی سورس‌کد، کافی است نگاهی به درون تگ head آن بیاندازید تا ردی از CMSی که وب‌سایت، با آن راه‌اندازی شده است را ببینید. اگر از زبان برنامه‌نویسی و انواع CMS ها اطلاع داشته باشید، با دیدن کدهایی که در تگ head وجود دارد خواهید توانست سیستم مدیریت محتوا یا CMS آن سایت را تشخیص دهید و از روی این نیز می‌توانید بفهمید که آن وب‌سایت با چه زبانی ساخته شده است! به‌عنوان مثال CMSهای جوملا، وردپرس، مجنتو و دروپال با زبان PHP نوشته شده‌اند یا CMSهای Share Point و Kentico با زبان Net نوشته شده‌اند.
  1. یکی دیگر از این کلیدهای میانبر، دکمه‌های ترکیبی 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

یکی دیگر از ابزارهای آنلاین در این زمینه، stackshare.io است که علاوه بر تشخیص زبان برنامه‌نویسی و فناوری‌های استفاده شده در وب‌سایت مورد نظر، ابزارهای اوپن سورس، ابزار SaaS (Software as a Service) و همچنین ابزارهای توسعه‌دهنده را یک‌جا در اختیار شما قرار می‌دهد. شایان ذکر است که در حال حاضر این وب‌سایت فیلتر است و برای استفاده از آن نیاز به فیلترشکن دارید.

وب سایت RESCAN

به کمک ابزار آنلاین rescan.io نیز می‌توانید زبان برنامه‌نویسی که برای ساخت وب‌سایت موردنظرتان استفاده شده است را پیدا کنید.

پیشنهاد آموزشی مرتبط:

استفاده از افزونه های مرورگرها

یکی دیگر از روش‌های بررسی و شناسایی چگونگی ساخت یک وب‌سایت و فناوری‌های استفاده شده در آن این است که می‌توانیم از افزونه‌ها، Add-Onها و همچنین Extentionهای مرورگرهای مختلف استفاده کنیم. مزیت استفاده از این روش نسبت به روش قبلی این است که دیگر نیازی به کپی کردن آدرس وب‌سایت و یا استفاده از فیلترشکن برای دسترسی به وب‌سایت ارائه دهنده‌ی خدمات، ندارید؛ کافی است به وب‌سایت مورد نظر خود مراجعه کنید و روی یکی از افزونه‌هایی که برای این کار نصب کرده‌اید کلیک کنید و فناوری‌های استفاده شده در وب‌سایت مورد نظر خود را مشاهده کنید.

شایان ذکر است که استفاده از افزونه‌ها، کار را برای شما راحت‌تر می‌کند اما یک ایراد بزرگ دارد، آن هم این است که این افزونه‌ها اطلاعاتی جزئی و کلی در مورد وب‌سایت موردنظرتان، به شما ارائه می‌دهند؛ اگر نیازمند اطلاعات کامل و جامعی در مورد زبان برنامه‌نویسی و فناوری‌های استفاده شده در وب‌سایت مورد نظر خود هستید، پیشنهاد می‌کنیم که از وب‌سایت‌های معرفی شده در بالا کمک بگیرید و از آن‌ها استفاده کنید. اما افزونه‌هایی که به کمک آن‌ها می‌توانید به اطلاعات اولیه و جزئی از چگونگی ساخت وب‌سایت مورد نظر خود برسید، عبارت‌اند از:

نام افزونه  در Chrom  در FireFox
SimilarTech پشتیبانی می‌شود پشتیبانی می‌شود
Wappalyzer پشتیبانی می‌شود پشتیبانی می‌شود
WhatRuns پشتیبانی می‌شود پشتیبانی می‌شود
PageXray پشتیبانی می‌شود پشتیبانی نمی‌شود
Wiredwith Sitexray پشتیبانی نمی‌شود پشتیبانی می‌شود
Domain Details پشتیبانی نمی‌شود پشتیبانی می‌شود
Library Detector پشتیبانی می‌شود پشتیبانی می‌شود
W3Techs پشتیبانی می‌شود پشتیبانی می‌شود

 

لازم به ذکر است که پس از نصب هر کدام از این افزونه‌ها، آیکون آن در سمت راست و بالای مرورگر شما ظاهر خواهد شد و کافی است پس از ورود به وب‌سایت مورد نظر، بر روی آیکون آن کلیک کنید تا زبان استفاده شده و فناوری‌های پشت وب‌سایت مورد نظر برای شما به نمایش درآید.

لیست مقالات تکمیلی یا پیشنهادی

 سخن پایانی

در این مقاله سعی کردیم چه کاربرانی که از دانش بالایی در حوزه‌ی برنامه‌نویسی وب بهره می‌برند و چه آن دسته از کاربرانی که تازه وارد این حوزه شده‌اند، بتوانند به کمک راه‌ها و روش‌های گفته شده به اطلاعات مورد نظر از چگونگی ساخته‌شدن وب‌سایت موردنظرشان، دسترسی پیدا کنند. امیدواریم که با مطالعه‌ی آیت مقاله توانسته باشید به پاسخ سؤال «از کجا بفهمیم سایت با چی طراحی شده» رسیده باشید. با انتشار لینک مقاله در شبکه‌های اجتماعی و در میان دوستان خود، باعث خوشحالی و انرژی گرفتن ما برای ادامه‌ی راه خواهید بود. پیروز و سربلند باشید.

اگر شما مخاطب گرامی، نظر و دیدگاهی در خصوص «چگونگی پی بردن به زبان برنامه نویسی و تکنولوژی‌های به کار رفته در یک سایت» دارید و یا نکته‌ی خاصی را می‌دانید که در این مقاله به آن اشاره نشده است، خواهشمند است دیدگاه‌های ارزشمند خود را از طریق بخش کامنت در انتهای این نوشتار به اشتراک بگذارید. همچنین در صورت صلاح‌دید می‌توانید، لینک این نوشتار را از طریق کانال‌ها و گروه‌هایی که در شبکه‌های اجتماعی عضو هستید به‌دست دوستان و آشنایان برسانید تا آنها نیز اگر درصدد این هستند که زبان برنامه‌نویسی سایت موردنظرشان را کشف کنند، به هدفشان دست یابند. علاوه بر آن، می‌توانید ما را در اینستاگرام و تلگرام فالو کنید تا در زمینه جدیدترین روش‌ها، ترفندها و اخبار دیجیتال مارکتینگ و تکنولوژی به‌روز بمانید.

بر اساس رای 5 نفر
آیا این مطلب برای شما مفید بود؟
شما قبلا رای داده‌اید!
اگر بازخوردی درباره این مطلب دارید یا پرسشی دارید که بدون پاسخ مانده است، آن را از طریق بخش نظرات مطرح کنید.

«علی آبیار» دانش‌آموخته رشته مهندسی IT است و به نوشتن، موسیقی، شعر، طبیعت و البته برنامه‌نویسی و تکنولوژی‌های سطح وب علاقه دارد. رزومه تخصصی او بیشتر در زمینه «سئو و تولید محتوا» است؛ همچنین در رزومه تخصصی‌اش، چند پروژه برنامه‌نویسی وب، مدیریت وب‌سایت و توسعه محتوای آن‌ها دیده می‌شود. او تا به امروز، تولید و ویراستاری مطالب متنوعی از مجلات اینترنتی «کاپریلا» و «تاپریلا» در حوزه‌های: تکنولوژی، سئو، کسب و کار، دیجیتال مارکتینگ و… را به عهده داشته است. «علی آبیار» در حال حاضر به صورت فریلنسر بر روی پروژه‌های مختلف داخلی و خارجی در حوزه طراحی وب (Front-End) و سئو فعالیت می‌کند.

نظر شما چیست؟

نشانی ایمیل شما منتشر نخواهد شد.

برچسب‌ها