Birçok teknoloji web siteleri oluşturmaya girer. İçerik yönetim sistemleri^{(Content management systems)} , çerçeveler^(frameworks) , farklı betik ve programlama dilleri^{(different scripting and programming languages)} , ödeme sistemleri^{(payment systems)} ... her türlü şey!

Favori web sitenizin nasıl çalıştığını merak ediyorsanız veya bir sitenin kabataslak bir şey kullanıp kullanmadığını görmek istiyorsanız, bu makale size başlığın altına bakmanın ve nasıl oluşturulduğunu görmenin birkaç yolunu gösterecek.

Web Sitesinin Kodunu Görüntüle

Bir geliştirici değilseniz veya yeni başlıyorsanız, daha iyi programlamanın sırrını öğrenmek üzeresiniz. Başkalarının koduna bakın. Bunu yapmak için Chrome'un Geliştirici Araçlarını nasıl kullanacağınızı^{(how to use Chrome’s Developer Tools)} gösterdik. 

ChromeDevTools , bir sitenin HTML , JavaScript ve CSS kodunu görüntülemenize, hangi kaynakları tüketiyor olabileceğini öğrenmenize ve bir sitenin tarayıcıda yükleme performansını nasıl kontrol edeceğinizi öğrenmenize yardımcı olur. Tüm büyük web tarayıcılarında, geliştirici araçlarının bazı sürümleri mevcuttur.

Dahili^(BuiltWith)

BuiltWith.com , kullandıkları tüm teknolojileri görmek için sitelerin derinliklerine inen profesyonel düzeyde bir kaynaktır. Şu anda, 673 milyondan fazla web sitesini kapsıyorlar ve sayıyorlar. Sitenin arkasındaki ana fikir, yazılım satışlarındaki insanlar için potansiyel müşteriler oluşturmaya yardımcı olmaktı.

Gelişmiş özellikler yalnızca ücretli bir abonelikle kullanılabilir, ancak herkes BuiltWith.com'a^{(BuiltWith.com)} gidebilir , bir web sitesi adresi, teknoloji adı veya anahtar kelime girebilir ve ayrıntılı bir teknoloji profili alabilir. Ücretsiz^(Sign) bir hesap için kaydolun ve günde beş ayrıntılı arama yapabilirsiniz.

Netcraft Site Raporu^{(Netcraft Site Report)}

Netcraft 1995'ten beri web geliştiricileri için bir kaynak olmuştur. 25 yılı aşkın uzmanlıkları Netcraft'ın ücretsiz Site Raporu^{(Site Report)} aracında kendini göstermektedir. Bir teknoloji raporunu “ sitenin sahibi kimdir^{(who owns the site)} ” arka plan raporuyla birleştirir, böylece siteye ilişkin kapsamlı bir genel bakış elde edersiniz. Nerede barındırıldığını ve kime ait olduğunu ve ayrıca bir miktar etki alanı geçmişini bileceksiniz.

Netcraft Site Raporu^{(Netcraft Site Report)} , sınırsız aramaya izin veriyor gibi görünüyor. Yine de, yalnızca gerçekten ihtiyacınız olduğunda kullanın. Bu ücretsiz bir kaynaktır ve geliştirici topluluğu bunun böyle kalmasını ister.

W3Techs'in Site Bilgileri^{(W3Techs’ Sites Info)}

W3Techs'in Site Bilgisi aracı diğerlerinden biraz farklı çalışır. Bir bilgi veritabanı^(database) tutarlar , ancak yalnızca araç aracılığıyla önceden aranmış sitelerde bulunurlar. Daha önce kontrol edilmemiş bir siteyi kontrol ediyorsanız, siteyi anında tarar. 

Sağlanan rapor, diğer hizmetlerin sağladığından daha az ayrıntılı, ancak yine de anlayışlı. Bir sitenin kullandığı CMS^(CMS) , programlama dilleri, web sunucusu ve barındırma sağlayıcısını alırsınız . W3Tech'ler^(W3Techs) ayrıca Firefox ve Chrome için tarayıcı uzantıları sağlar, böylece siteleri yalnızca bir tıklama veya bir dokunuşla kontrol edebilirsiniz.

Wappalyzer

Bir sitenin teknolojilerini kontrol etmek için bir tarayıcı eklentisine sahip olmayı tercih ederseniz, Wappalyzer'ın ^(Wappalyzer)Firefox , Chrome ve Edge için eklentileri vardır . Eklentiler ücretsizdir, kullanımı kolaydır ve okunması kolay bir tasarıma sahiptir. Rapordaki herhangi bir teknolojiye tıklamak sizi onun açıklamasına götürecektir; bu, daha önce görmediğiniz bir şey bulursa harikadır. 

Wappalyzer , bir web sitesi için uyarı oluşturma özelliği ile benzersiz bir özellik sunar. Siteyi günlük olarak kontrol ederler ve bir değişiklik tespit ederlerse size e-posta gönderirler. Uyarı, Wappalyzer^(Wappalyzer) ile ücretsiz bir hesap oluşturmanızı gerektirecek ve aylık 10 krediye mal olacak.

Ancak her ay ücretsiz 50 kredi alırsınız ve bir uyarı her 30 gün için yalnızca 10 krediye mal olur. Yani 5 veya daha az siteyi izliyorsanız Wappalyzer Uyarıları temelde ücretsizdir.

Web gözlemcisi^(Webspotter)

Webspotter'ın^(Webspotter) bir hizmeti hariç tümü ücretli bir hizmettir, ancak sorun değil. Ücretsiz Webspotter Chrome uzantıları^{(Webspotter Chrome extension)} bunu telafi ediyor. Webspotter uzantısı Wappalyzer'a benzer , ^(Webspotter)ancak^(Wappalyzer) birkaç farklı özelliği vardır. Listelenen her teknolojinin yanında, teknolojiyle ilgili istatistiklere, bu teknolojiyi kullanan web sitelerinin bir listesine ve teknolojinin resmi web sitesine bağlantılar bulunur. 

Daha da ilgi çekici bir özellik, Webspotter'ın e-posta kişilerini, sosyal medya bağlantılarını, SEO analizlerini^{(SEO analytics)} ve diğer şirket bilgilerini bir web sitesinden çekme yeteneğidir. Bu size sitenin nasıl yapıldığını anlatmasa da, çevrimiçi pazarlama amaçları ve hatta iş arama için yararlı olabilir.

WordPress Tema Dedektörü^{(WordPress Theme Detector)}

Belki web geliştirme ile pek ilgilenmiyorsunuz ama bir WordPress sitesi oluşturuyorsunuz ve başka yerlerde gördüğünüz özellikleri dahil etmek istiyorsunuz. WordPress Theme Detector Chrome tarayıcı eklentisini indirin^{(Download the WordPress Theme Detector Chrome browser plugin)} . 

WordPress Tema Dedektörü^{(WordPress Theme Detector)} size bir sitenin hangi WordPress temasını^{(WordPress theme)} kullandığını söylemekle kalmaz , aynı zamanda hangi WordPress eklentilerini^{(WordPress plugins)} kullandığını da söyler. Ayrıca, temayı veya eklentiyi kimin oluşturduğunu gösterir ve bunları alabileceğiniz bir bağlantı sağlar. Bu , diğer sitelerde hayran olduğunuz öğeleri WordPress sitenize dahil etmeyi çok kolaylaştırır .

Web Sitelerinin Nasıl Çalıştığını Öğrenin

Evet, İnternetteki^(Internet) herhangi bir web sitesine dalmak ve neyden yapıldığını görmek bu kadar kolay. Bazıları diğerlerinin almadığı şeyleri alacağından, bu araçlardan iki veya daha fazlasını kullanmayı deneyin. Bir sitede gördüklerinizin çoğu aslında bilgisayarınızda işlenir. Bakmayı kolaylaştıran şey budur. Web sitenizi olabildiğince güvenli hale getirmenizin^{(make your website as secure as possible)} de nedeni budur . Derin dalışınızın keyfini çıkarın ve ne bulduğunuzu veya inşa ettiğinizi bize bildirin.

How Websites Work: Learn What’s Under the Hood

Many tеchnologies go into building websites. Content management systems, frameworks, different scripting and programming languages, payment systems…all sorts of things!

If you’re curious how your favorite website works, or want to see if a site is using something sketchy, this article will show you several ways to look under the hood and see how it’s built.

View the Website’s Code

If you’re not a developer, or just starting out, you’re about to learn the secret to better programming. Look at other people’s code. We’ve shown you how to use Chrome’s Developer Tools to do just that. 

ChromeDevTools will help you view a site’s HTML, JavaScript, and CSS code, find out what sources they may be consuming, as well as how to check a site’s loading performance in the browser. All major web browsers have some version of the developer’s tools available.

BuiltWith

BuiltWith.com is a professional-level resource that goes deep into sites to see all the technologies they use. Currently, they cover over 673 million websites and counting. The main idea behind the site was to help generate leads for people in software sales.

The advanced features are only available through a paid subscription, but anyone can go to BuiltWith.com, enter a website address, technology name, or keyword, and get a detailed technology profile. Sign up for a free account and you can do five detailed lookups a day.

Netcraft Site Report

Netcraft has been a resource for web developers since 1995. Their expertise over 25 years shows in Netcraft’s free Site Report tool. It combines a technology report with a “who owns the site” background report, so you get a thorough overview of the site. You’ll know where it’s hosted, and who owns it, plus some domain history.

The Netcraft Site Report appears to allow unlimited lookups. Still, use it only when you really need it. It’s a free resource and the developer community would like to see it stay that way.

W3Techs’ Sites Info

W3Techs’ Sites Info tool works a bit differently from the others. They keep a database of information, but only on sites that have already been searched through the tool. If you’re checking on a site that hasn’t been checked before, it will crawl the site instantly. 

The report provided is less in-depth than other services provide, but still insightful. You’ll get which CMS, programming languages, web server, and hosting provider a site uses. W3Techs also provide browser extensions for Firefox and Chrome so you can check sites with just a click or a tap.

Wappalyzer

If you prefer to have a browser plugin to check a site’s technologies, Wappalyzer has plugins for Firefox, Chrome, and Edge. The plugins are free, easy to use, and are laid out in an easy to read design. Clicking on any technology in the report will take you to an explanation of it, which is great if it finds something you haven’t seen before. 

Wappalyzer offers a unique feature with the ability to create an alert for a website. They check the site daily and email you if they detect a change. The alert will require you to create a free account with Wappalyzer and cost 10 credits per month.

But you get 50 credits for free every month and an alert only costs 10 credits for every 30 days. So Wappalyzer Alerts are basically free if you’re monitoring 5 or fewer sites.

Webspotter

All but one service of Webspotter is a paid service, but that’s okay. Their free Webspotter Chrome extension makes up for that. The Webspotter extension is similar to Wappalyzer, yet it has a few different features. Next to each technology listed, there are links to statistics about the technology, a list of websites using that tech, and the official website for the tech. 

An even more intriguing feature is Webspotter’s ability to pull email contacts, social media links, SEO analytics, and other company information out of a website. Although that doesn’t tell you about how the site is made, it could be useful for online marketing purposes or even job hunting.

WordPress Theme Detector

Maybe, you’re not so interested in web development but you’re putting together a WordPress site and would like to include features you’ve seen elsewhere. Download the WordPress Theme Detector Chrome browser plugin. 

Not only will the WordPress Theme Detector tell you what WordPress theme a site is using, but it’ll also tell you what WordPress plugins it’s using. It also shows you who created the theme or plugin and provides a link to where you can get them. That makes it so easy to incorporate elements into your WordPress site that you’ve admired on other sites.

Learn How Websites Work

Yes, it’s that easy to dive into any website on the Internet and see what it’s made of. Try using two or more of these tools, as some will pick up things that others don’t. Most of what you see on a site is actually rendered on your computer. That’s what makes it easy to look at. It’s also the reason why you need to make your website as secure as possible. Enjoy your deep diving and let us know what you find or build.

Related posts

• En İyi Konferans Görüşmesi Hizmeti Nedir – Karşılaştırılan En İyi Uygulamalar

• Windows'ta Dosyaları Otomatik Olarak Taşıma, Silme veya Kopyalama

• CPU Sıcaklığınızın Çok Yüksek olup olmadığını Nasıl Kontrol Edebilirsiniz?

• Windows, Mac ve Linux İçin En İyi 5 Mavi Işık Filtresi Uygulaması

• Windows Programlarını Yüklemek için Windows Paket Yöneticisi Nasıl Kullanılır

• En İyi Markdown Editörleri: Tüm Platformlar ve Çevrimiçi

• Microsoft'un Windows Dosya Kurtarması Çalışıyor mu? Test Ettik.

• Avast Çevrimiçi Güvenlik Uzantısı: Kullanmaya Değer mi?

• Windows 10/11 için En İyi Hava Durumu Widget'ları

• Linux sudo Komutuna 5 Windows Alternatifi

• Microsoft Power Automate ve İndirilecek Ücretsiz Şablonlar Nedir?

• İnternet Kullanımını İzlemek İçin En İyi Uygulamalar

• En İyi CPU, Ekran Kartı ve RAM Ayarlama Yardımcı Programları

• MakeMKV ile DVD'lerinizi ve Blu-Ray'lerinizi Zahmetsizce Nasıl Kopyalarsınız?

• Mülkünüzü Ücretsiz İzlemek İçin Eski Bir Web Kamerası Kullanın

• Windows için En İyi 11 Ücretsiz Ekran Görüntüsü Yazılımı

• En İyi 7 GIF Sıkıştırıcı ve Optimize Edici Aracı

• Monitörünüzde Sıkışmış Bir Piksel Düzeltmek İçin Ölü Piksel Testleri

• Çevrimiçi Güvenlik için En İyi 5 Firefox Gizlilik Eklentisi

• Yaygın Yazıcı Sorunlarını Düzeltmek için HP Print and Scan Doctor'ı kullanın