So funktionieren Websites: Erfahren Sie, was unter der Haube steckt

Viele Technologien fließen in die Erstellung von Websites ein. Content-Management-Systeme(Content management systems) , Frameworks , verschiedene Skript- und Programmiersprachen(different scripting and programming languages) , Zahlungssysteme(payment systems) … alles Mögliche!

Wenn Sie neugierig sind, wie Ihre Lieblings-Website funktioniert, oder sehen möchten, ob eine Website etwas Skizzenhaftes verwendet, zeigt Ihnen dieser Artikel mehrere Möglichkeiten, wie Sie hinter die Kulissen schauen und sehen können, wie sie aufgebaut ist.

Zeigen Sie den Code der Website an

Wenn Sie kein Entwickler sind oder gerade erst anfangen, werden Sie gleich das Geheimnis einer besseren Programmierung erfahren. Schauen Sie sich den Code anderer Leute an. Wir haben Ihnen gezeigt, wie Sie die Entwicklertools von Chrome verwenden(how to use Chrome’s Developer Tools) , um genau das zu tun. 

ChromeDevTools hilft Ihnen, den HTML- , JavaScript- und CSS -Code einer Website anzuzeigen, herauszufinden, welche Quellen sie möglicherweise verbrauchen, und wie Sie die Ladeleistung einer Website im Browser überprüfen können. Alle gängigen Webbrowser verfügen über eine Version der Entwicklertools.

GebautMit(BuiltWith)

BuiltWith.com ist eine professionelle Ressource, die tief in Websites eintaucht, um alle von ihnen verwendeten Technologien zu sehen. Derzeit decken sie über 673 Millionen Websites ab, Tendenz steigend. Die Hauptidee hinter der Website war es, Menschen im Softwarevertrieb bei der Generierung von Leads zu unterstützen.

Die erweiterten Funktionen sind nur über ein kostenpflichtiges Abonnement verfügbar, aber jeder kann zu BuiltWith.com gehen , eine Website-Adresse, einen Technologienamen oder ein Schlüsselwort eingeben und ein detailliertes Technologieprofil erhalten. Melden(Sign) Sie sich für ein kostenloses Konto an und Sie können fünf detaillierte Suchen pro Tag durchführen.

Netcraft-Site-Bericht(Netcraft Site Report)

Netcraft ist seit 1995 eine Ressource für Webentwickler. Ihre über 25-jährige Erfahrung zeigt sich im kostenlosen Site Report - Tool von Netcraft. Es kombiniert einen Technologiebericht mit einem Hintergrundbericht „ Wem gehört die Website?(who owns the site) “, sodass Sie einen gründlichen Überblick über die Website erhalten. Sie wissen, wo es gehostet wird und wem es gehört, sowie einen Domain-Verlauf.

Der Netcraft Site Report scheint unbegrenzte Suchvorgänge zu ermöglichen. Verwenden Sie es jedoch nur, wenn Sie es wirklich brauchen. Es ist eine kostenlose Ressource und die Entwicklergemeinschaft möchte, dass dies so bleibt.

Informationen zu W3Techs-Sites(W3Techs’ Sites Info)

Das Sites Info-Tool von W3Techs funktioniert etwas anders als die anderen. Sie führen eine Datenbank(database) mit Informationen, aber nur auf Websites, die bereits mit dem Tool durchsucht wurden. Wenn Sie eine Website überprüfen, die zuvor noch nicht überprüft wurde, wird die Website sofort gecrawlt. 

Der bereitgestellte Bericht ist weniger ausführlich als andere Dienste, aber dennoch aufschlussreich. Sie erfahren, welches CMS , welche Programmiersprachen, welcher Webserver und welcher Hostinganbieter eine Website verwendet. W3Techs bietet auch Browsererweiterungen für Firefox und Chrome , sodass Sie Websites mit nur einem Klick oder Tippen überprüfen können.

Wappalyzer

Wenn Sie es vorziehen, ein Browser-Plugin zu haben, um die Technologien einer Website zu überprüfen, hat Wappalyzer Plugins für Firefox , Chrome und Edge . Die Plugins sind kostenlos, einfach zu bedienen und haben ein leicht lesbares Design. Wenn Sie auf eine Technologie im Bericht klicken, gelangen Sie zu einer Erklärung dazu, was großartig ist, wenn Sie etwas finden, das Sie noch nie zuvor gesehen haben. 

Wappalyzer bietet eine einzigartige Funktion mit der Möglichkeit, eine Benachrichtigung für eine Website zu erstellen. Sie überprüfen die Website täglich und senden Ihnen eine E-Mail, wenn sie eine Änderung feststellen. Für die Benachrichtigung müssen Sie ein kostenloses Konto bei Wappalyzer erstellen(Wappalyzer) und 10 Credits pro Monat kosten.

Aber Sie erhalten jeden Monat 50 Credits kostenlos und eine Benachrichtigung kostet nur 10 Credits für alle 30 Tage. Wappalyzer Alerts sind also grundsätzlich kostenlos, wenn Sie 5 oder weniger Websites überwachen.

Webspotter

Alle Dienste von Webspotter bis auf einen sind kostenpflichtig, aber das ist in Ordnung. Ihre kostenlose Webspotter Chrome-Erweiterung(Webspotter Chrome extension) macht das wieder wett. Die Webspotter- Erweiterung ähnelt Wappalyzer , hat jedoch einige unterschiedliche Funktionen. Neben jeder aufgelisteten Technologie gibt es Links zu Statistiken über die Technologie, eine Liste von Websites, die diese Technologie verwenden, und die offizielle Website für die Technologie. 

Eine noch faszinierendere Funktion ist die Fähigkeit von Webspotter, E-Mail-Kontakte, Links zu sozialen Medien, SEO-Analysen(SEO analytics) und andere Unternehmensinformationen aus einer Website zu ziehen. Das sagt zwar nichts darüber aus, wie die Website aufgebaut ist, könnte aber für Online-Marketingzwecke oder sogar für die Jobsuche nützlich sein.

WordPress-Theme-Detektor(WordPress Theme Detector)

Vielleicht interessieren Sie sich nicht so sehr für Webentwicklung, aber Sie stellen eine WordPress - Site zusammen und möchten Funktionen einbinden, die Sie woanders gesehen haben. Laden Sie das Chrome-Browser-Plug-in WordPress Theme Detector herunter(Download the WordPress Theme Detector Chrome browser plugin) . 

Der WordPress Theme Detector(WordPress Theme Detector) teilt Ihnen nicht nur mit , welches WordPress-Theme eine Website verwendet, sondern auch, welche WordPress-Plugins verwendet werden. Es zeigt Ihnen auch, wer das Design oder Plugin erstellt hat, und bietet einen Link, wo Sie es erhalten können. Das macht es so einfach, Elemente in Ihre WordPress- Seite zu integrieren, die Sie auf anderen Seiten bewundert haben.

Erfahren Sie, wie Websites funktionieren

Ja, es ist so einfach, in eine beliebige Website im Internet einzutauchen(Internet) und zu sehen, woraus sie besteht. Versuchen Sie, zwei oder mehr dieser Tools zu verwenden, da einige Dinge aufgreifen, die andere nicht. Das meiste, was Sie auf einer Website sehen, wird tatsächlich auf Ihrem Computer gerendert. Das macht es einfach zu sehen. Das ist auch der Grund, warum Sie Ihre Website so sicher wie möglich machen(make your website as secure as possible) müssen . Viel Spaß beim Tieftauchen und lass uns wissen, was du findest oder baust.



Bernard Schäfer

About the author

Wenn es um Technologie geht, ist nichts wichtiger als Genauigkeit und Qualität. Wir bei Microsoft sind stolz auf unsere Fähigkeit, unseren Kunden das bestmögliche Erlebnis zu bieten. Unsere Windows- und iOS-Produkte gehören zu den innovativsten der Branche, und wir arbeiten ständig daran, sie zu verbessern. Unsere fehlerfreien PDFs sind ein weiterer Grund, warum unsere Produkte so erfolgreich sind. Wir wissen, dass Qualitätskontrolle bei Arbeitsabläufen und Kommunikation unerlässlich ist, deshalb achten wir sehr darauf, dass alle unsere PDFs fehlerfrei sind. Und schließlich verstehen wir als Gadget-Liebhaber, dass es immer eine Schlüsselpriorität ist, das Leben einfacher zu machen. Wir stellen sicher, dass alle unsere Lumia-Geräte mit Funktionen wie NFC und CarPlay ausgestattet sind, damit Sie Dateien ganz einfach mit Freunden und Familie teilen können. Mit diesen Fähigkeiten


Related posts