4 narzędzia, aby zobaczyć, z jakim oprogramowaniem została zbudowana strona internetowa (i dlaczego chcesz)

W pewnym momencie wszyscy spojrzeliśmy na stronę internetową i zastanawialiśmy się, jak została zorganizowana. Jednak może się okazać, że ciekawość bierze górę, prowadząc do dokładnego sprawdzenia, z jakim oprogramowaniem została zbudowana strona internetowa. Dobrą wiadomością jest to, że jest to łatwiejsze, niż możesz sobie wyobrazić. Wszystko, czego potrzebujesz, to odpowiednie narzędzia, które pomogą Ci zagłębić się w kod źródłowy dowolnej strony i określić stos, na którym jest zbudowana. W tym artykule porozmawiamy o tym, dlaczego możesz chcieć to zrobić i przedstawimy cztery narzędzia, które pomogą Ci odpowiedzieć na pytanie.

Zagłębmy się!

Subskrybuj nasz kanał YouTube

Dlaczego chcesz wiedzieć, z jakim oprogramowaniem została zbudowana strona internetowa

„Budowanie” strony internetowej nie jest rzeczą, którą kiedykolwiek kończysz. Prawdopodobnie szukasz nowych funkcji, które możesz dodać, lub sposobów na ulepszenie User Experience (UX) przez cały czas. Strony internetowe ewoluują, zarówno pod względem designu, jak i funkcjonalności. Wiele z tych zmian wynika z oglądania innych stron i myślenia „Hej, ta funkcja jest fajna!”. Możesz także mieć lepszą znajomość HTML i CSS niż wcześniej, a nawet uzyskać lepszy wgląd w najlepsze praktyki projektowe i dostępność.

W wielu przypadkach określenie wyglądu i struktury witryny może być skomplikowane. W końcu nie masz dostępu do ich zaplecza, a programista nie ma też obowiązku dawać Ci żadnego wglądu.

Na szczęście możesz uzyskać wiele potrzebnych odpowiedzi, po prostu patrząc na jego kod źródłowy. Co więcej, możesz użyć narzędzia do wyszukiwania typowych wzorców i fragmentów kodu w kodzie źródłowym i powiedzieć dokładnie to, co musisz wiedzieć, na przykład:

• Z jakiego systemu zarządzania treścią (CMS) korzysta strona internetowa?
• Jakie języki są obecne na stronie?
• Czy polegają na konkretnych wtyczkach WordPress lub narzędziach i usługach innych firm?
• Z jakiej usługi hostingowej korzystają?

Uzbrojony w te informacje, możesz przeprowadzić inżynierię wsteczną wielu fajnych funkcji, aby dowiedzieć się, z czego zbudowano witrynę, i z kolei ją ulepszyć. Najlepsze jest to, że informacje te nie są tajne ani w inny sposób nielegalne – wystarczy wiedzieć, czego szukać.

4 narzędzia do sprawdzenia, z jakim oprogramowaniem została zbudowana strona internetowa

Rodzina narzędzi, które zamierzamy zbadać, jest niezwykle prosta w użyciu. W większości przypadków będą wskazywać różne aspekty stosu witryny, dzięki czemu możesz zebrać informacje, które naprawdę chcesz poznać. Nie przedstawiamy ich również w określonej kolejności, więc możesz swobodnie skakać i przeglądać te, które Ci się podobają.

1. Netcraft

Netcraft to pakiet oprogramowania do cyberobrony, który pomaga chronić witryny internetowe klientów przed atakami i zapewnia bezpieczeństwo ich sieci. Umożliwiają jednak również bezpłatne wyszukiwanie informacji o określonych domenach i uzyskiwanie informacji o ich sieci. Po prostu wprowadź adres URL, a otrzymasz pełny raport dotyczący domeny publicznej i informacji o hostingu dowolnej witryny:

Otrzymasz również zestawienie, jakiego typu certyfikatu Secure Sockets Layer (SSL) używają, jeśli w ogóle:

Jeśli próbujesz dowiedzieć się, z jakiej usługi hostingowej korzysta konkretna witryna, jest to narzędzie, do którego możesz się zwrócić. Jeśli jednak badana witryna korzysta z sieci dostarczania treści (CDN), Netcraft nie będzie w stanie znaleźć hosta bazowego (chociaż dotyczy to wielu takich narzędzi i jest częścią projektu sieci CDN).

Niezależnie od tego, ta informacja sama w sobie jest przydatna. Na przykład, jeśli podziwiasz wydajność witryny, możesz dowiedzieć się, z jakiej usługi CDN korzysta i rozważyć dodanie jej również do swojej witryny.

2. Wappalyzer

Wappalyzer nazywa siebie „dostawcą danych technologicznych”. Celem jest pomoc w analizie stron internetowych, aby znaleźć wszystkie podstawowe elementy, które składają się na całość. Aby skorzystać z narzędzia Wappalyzer's Technology Lookup , musisz zarejestrować darmowe konto, a następnie wyszukać określony adres URL:

Po zakończeniu Wappalyzer zwróci listę oprogramowania, które był w stanie zidentyfikować. W przypadku eleganckich motywów poprawnie zidentyfikował Cloudflare, Google Analytics, Menedżera tagów i Google Fonts:

Narzędzie poprawnie wykryło również WooCommerce. Jednak ilość szczegółów dla każdego narzędzia jest nieco słaba. Na przykład, chociaż Wappalyzer zidentyfikował integrację z WordPressem, nie podaje żadnych szczegółowych informacji na jej temat. Z jednej strony jest to świetne dla bezpieczeństwa, ale złe dla twojego głównego celu.

Podobnie Wappalyzer był w stanie wykryć YouTube jako jedną z 15 technologii w witrynie. Jeśli jednak klikniesz dowolny wynik, otrzymasz tylko krótkie zestawienie tego, jakie inne witryny z niego korzystają:

Ogólnie rzecz biorąc, Wappalyzer zapewnia szybki sposób na uzyskanie listy technologii dla dowolnej witryny. Jednak, aby jak najlepiej wykorzystać usługę, musisz mieć trochę wiedzy na temat tworzenia stron internetowych, aby poprawnie zidentyfikować, co robi każda integracja.

3. Zbudowany z

Zbudowany za pomocą obejmuje rodzinę narzędzi, które umożliwiają wyszukiwanie danych witryny internetowej na temat oprogramowania używanego przez witrynę, jej podstawowych słów kluczowych i wielu innych. Możesz rozkręcić piłkę, wpisując adres URL witryny, którą chcesz przeanalizować. Built With zwróci następnie listę wszystkich programów i narzędzi, które może zidentyfikować:

Ilość szczegółów, które otrzymujesz dzięki Built With, jest zdumiewająca. Aby dać ci wyobrażenie, serwis był w stanie zidentyfikować trzy różne typy integracji z Facebookiem. Jest to również jedyne jak dotąd narzędzie, które zidentyfikowało wiele wtyczek WordPress, w tym Monarch Social Sharing, Yoast SEO, W3 Total Cache i inne.

W tym samym czasie Built With był w stanie poprawnie zidentyfikować dostawcę usług hostingowych, patrząc poza integrację z CDN witryny. Jedynym minusem – i to drobnym – jest to, że listy, które otrzymaliśmy, były ogromne. W niektórych przypadkach narzędzia Built With nie były już używane przez strony internetowe, ale łatwo je zauważyć, ponieważ usługa informuje o wprowadzeniu zmian.

Może to być wadą, jeśli nie masz czasu na głębokie zanurzenie się w stosie konkretnej witryny. Jednak jest to idealne rozwiązanie, jeśli szukasz jak największej ilości szczegółów.

4. Obserwator stron internetowych

Webspotter to usługa, która umożliwia znajdowanie informacji kontaktowych i potencjalnych klientów dla firm, do których chcesz dotrzeć. Oferują jednak również bezpłatne rozszerzenie do Chrome, które pomaga uzyskać dostęp do informacji o technologii, za pomocą której zbudowano witrynę internetową:

Po zainstalowaniu Webspottera odwiedź witrynę, którą chcesz sprawdzić, i kliknij ikonę rozszerzenia. Zobaczysz wtedy przegląd stosu oprogramowania:

Sama analiza nie ujawnia tylu integracji, co Wappalyzer czy Built With. Jest to jednak narzędzie, z którego możesz korzystać w locie, jeśli nie masz czasu na przeprowadzenie pełnej analizy na każdej stronie.

Ponadto Webspotter pomaga również zbierać dostępne e-maile z dowolnej witryny internetowej, co daje listę potencjalnych potencjalnych klientów do kontaktu:

Jeśli nie znajdziesz potrzebnych informacji, możesz spróbować szczęścia, wysyłając wiadomość e-mail do kogoś odpowiedzialnego z prośbą o wiedzę techniczną. Możesz nie dostać odpowiedzi, ale nie zaszkodzi spróbować!

Wniosek

Wiele witryn, z którymi na co dzień wchodzisz w interakcje, jest opartych na WordPressie. Jednak sama wiedza, że ​​witryna korzysta z WordPressa, nie wystarczy. Jeśli chcesz wiedzieć, jakich wtyczek lub narzędzi używają do obsługi konkretnych funkcji, musisz sięgnąć głębiej.

Dzięki tym czterem narzędziom możesz dokładnie dowiedzieć się, z jakim oprogramowaniem zbudowana jest każda strona internetowa:

1. Netcraft: Ta usługa zapewnia szczegółowe informacje o domenach i usługach hostingowych, z których korzysta strona internetowa.
2. Wappalyzer: Świetne rozwiązanie, aby uzyskać szybką listę technologii na stronie internetowej.
3. Zbudowany za pomocą: Dowiedz się, jakich narzędzi używa lub używała strona internetowa w przeszłości.
4. Webspotter: to rozszerzenie do przeglądarki Chrome pozwala na bieżąco wyszukiwać informacje o witrynach internetowych.

Masz pytania dotyczące identyfikacji oprogramowania, z którego korzysta strona internetowa? Przyjrzyjmy się im w sekcji komentarzy poniżej!

Obraz miniatury artykułu autorstwa KostyaTimofeev / shutterstock.com