Do tworzenia witryn internetowych wykorzystuje się wiele technologii. Systemy zarządzania treścią, ramy, różne języki skryptowe i programowania, systemy płatności … różne rzeczy!
Jeśli jesteś ciekawy, jak działa Twoja ulubiona witryna lub chcesz sprawdzić, czy witryna używa czegoś szkicowego, w tym artykule pokażemy Ci kilka sposobów, aby zajrzeć pod maskę i zobaczyć, jak jest zbudowana.
Wyświetl kod witryny
Jeśli nie jesteś programistą lub dopiero zaczynasz, poznasz sekret lepszego programowania. Spójrz na kod innych osób. Pokazaliśmy Ci jak korzystać z Narzędzi Chrome dla programistów, jak to zrobić.
ChromeDevTools pomoże Ci wyświetlić kod HTML, JavaScript i CSS witryny, dowiedzieć się, jakie źródła mogą one zużywać, a także jak sprawdzić wydajność ładowania witryny w przeglądarce. We wszystkich głównych przeglądarkach internetowych dostępna jest pewna wersja narzędzi programisty.
BuiltWith
BuiltWith.com to profesjonalny zasób, który w głąb witryn, aby zobaczyć wszystkie technologie, z których korzystają. Obecnie obejmują one ponad 673 mln witryn internetowych i wciąż rośnie. Głównym zamysłem tej witryny było pomoc w generowaniu potencjalnych klientów dla sprzedawców oprogramowania.
Zaawansowane funkcje są dostępne tylko w ramach płatnej subskrypcji, ale każdy może przejść do BuiltWith.com, wprowadzić adres witryny internetowej, nazwę technologii lub słowo kluczowe i uzyskać szczegółowy profil technologii. Zarejestruj darmowe konto, a będziesz mógł wykonywać pięć szczegółowych wyszukiwań dziennie.
In_content_1 all: [300x250] / dfp: [640x360]-> Raport witryny NetcraftNetcraft jest źródłem informacji dla twórców stron internetowych od 1995 roku. Ich doświadczenie w ciągu 25 lat można zobaczyć w bezpłatnym narzędziu Netcraft Site Report. Łączy raport technologiczny z raportem w tle „kto jest właścicielem witryny ”, dzięki czemu uzyskujesz dokładny przegląd witryny. Dowiesz się, gdzie jest hostowany i kto jest jego właścicielem, a także trochę historii domeny.
Raport o witrynie Netcraft wydaje się zezwalać na nieograniczoną liczbę wyszukiwań. Mimo to używaj go tylko wtedy, gdy naprawdę tego potrzebujesz. Jest to darmowy zasób i społeczność programistów chciałaby, aby tak pozostało.
Informacje o witrynach W3TechsNarzędzie Informacje o witrynach W3Techs działa nieco inaczej niż inni. Przechowują Baza danych informacji, ale tylko w witrynach, które zostały już przeszukane za pomocą tego narzędzia. Jeśli sprawdzasz witrynę, która nie była wcześniej sprawdzana, zindeksuje ją natychmiast.
Przedstawiony raport jest mniej szczegółowy niż w przypadku innych usług, ale nadal jest wnikliwy. Dowiesz się, z jakiego systemu CMS, języków programowania, serwera internetowego i dostawcy usług hostingowych korzysta witryna. W3Techs zapewnia również rozszerzenia przeglądarki Firefox i Chrome, dzięki czemu możesz sprawdzać witryny jednym kliknięciem lub dotknięciem.
WappalyzerJeśli wolisz wtyczka przeglądarki do sprawdzania technologii witryny, Wappalyzer ma wtyczki dla Firefox, Chrom i Brzeg. Wtyczki są bezpłatne, łatwe w użyciu i mają czytelny wygląd. Kliknięcie dowolnej technologii w raporcie przeniesie Cię do jej wyjaśnienia, co jest świetne, jeśli znajdzie coś, czego wcześniej nie widziałeś.
Wappalyzer oferuje unikalną funkcję z możliwością tworzenia alertów dla witryny internetowej. Codziennie sprawdzają witrynę i wysyłają e-maile, jeśli wykryją zmianę. Alert będzie wymagał utworzenia bezpłatnego konta w Wappalyzer i będzie kosztował 10 kredytów miesięcznie.
Ale co miesiąc otrzymujesz 50 kredytów za darmo, a alert kosztuje tylko 10 kredytów za każde 30 dni. Więc Wappalyzer Alerts są w zasadzie bezpłatne, jeśli monitorujesz 5 lub mniej witryn.
WebspotterWszystkie oprócz jednej usługi Webspotter są usługami płatnymi, ale w porządku. Ich darmowe Rozszerzenie Webspotter do Chrome to rekompensuje. Rozszerzenie Webspotter jest podobne do Wappalyzer, ale ma kilka różnych funkcji. Obok każdej wymienionej technologii znajdują się łącza do statystyk dotyczących technologii, lista witryn internetowych korzystających z tej technologii oraz oficjalna witryna internetowa poświęcona tej technologii.
Jeszcze bardziej intrygującą funkcją jest możliwość ściągania przez Webspotter kontaktów e-mailowych, linków do mediów społecznościowych, Analityka SEO i innych informacji firmowych ze strony internetowej. Chociaż nie mówi to o tym, jak powstała witryna, może być przydatna do celów marketingu internetowego, a nawet do poszukiwania pracy.
Wykrywacz motywów WordPressMoże , nie interesuje Cię tworzenie stron internetowych, ale tworzysz witrynę WordPress i chciałbyś dołączyć funkcje, które widziałeś gdzie indziej. Pobierz wtyczkę do przeglądarki Chrome WordPress Theme Detector.
Wykrywacz motywów WordPress nie tylko powie Ci, z czego Motyw WordPress korzysta witryna, ale także powie Ci, czego Wtyczki WordPress używa. Pokazuje również, kto stworzył motyw lub wtyczkę, i zawiera link do miejsca, w którym można je pobrać. To sprawia, że tak łatwo jest włączyć do swojej witryny WordPress elementy, które podziwiałeś w innych witrynach.
Dowiedz się, jak działają strony internetowe
Tak, tak łatwo jest zagłębić się w każdą witrynę Internet i zobacz, z czego jest zrobiony. Spróbuj użyć co najmniej dwóch z tych narzędzi, ponieważ niektóre wychwytują rzeczy, których inni nie. Większość tego, co widzisz w witrynie, jest w rzeczywistości renderowana na Twoim komputerze. To sprawia, że łatwo się na to patrzy. Jest to również powód, dla którego musisz uczyń swoją witrynę tak bezpieczną, jak to tylko możliwe. Ciesz się głębokim nurkowaniem i daj nam znać, co znajdujesz lub budujesz.