Molte tecnologie contribuiscono alla creazione di siti web. Sistemi di gestione dei contenuti, quadri, diversi linguaggi di scripting e programmazione, sistemi di pagamento... ogni sorta di cose!
Se sei curioso di sapere come funziona il tuo sito web preferito o vuoi vedere se un sito utilizza qualcosa di abbozzato, questo articolo ti mostrerà diversi modi per guardare sotto il cofano e vedere come è costruito.
Visualizza il codice del sito web
Se non sei uno sviluppatore o sei solo agli inizi, stai per imparare il segreto per una programmazione migliore. Guarda il codice di altre persone. Ti abbiamo mostrato come utilizzare gli Strumenti per sviluppatori di Cromo a fare proprio questo.
ChromeDevTools ti aiuterà a visualizzare il codice HTML, JavaScript e CSS di un sito, a scoprire quali fonti potrebbero consumare e a controllare le prestazioni di caricamento di un sito nel browser. Tutti i principali browser Web dispongono di alcune versioni degli strumenti dello sviluppatore.
BuiltWith
BuiltWith.com è una risorsa di livello professionale che va in profondità nei siti per vedere tutte le tecnologie che utilizzano. Attualmente, coprono oltre 673 milioni di siti Web e il conteggio. L'idea principale alla base del sito era aiutare a generare lead per le persone nelle vendite di software.
Le funzionalità avanzate sono disponibili solo tramite un abbonamento a pagamento, ma chiunque può accedere a BuiltWith.com, inserire un indirizzo del sito web, nome della tecnologia o parola chiave e ottenere un profilo tecnologico dettagliato. Crea un account gratuito e potrai eseguire cinque ricerche dettagliate al giorno.
In_content_1 all: [300x250] / dfp: [640x360]-> Rapporto sul sito NetcraftNetcraft è una risorsa per gli sviluppatori web dal 1995. La loro esperienza di oltre 25 anni si vede nello strumento gratuito di Netcraft Site Report. Combina un rapporto sulla tecnologia con un rapporto di base "chi possiede il sito ", in modo da ottenere una panoramica completa del sito. Saprai dove è ospitato e chi lo possiede, oltre a un po 'di cronologia del dominio.
Il rapporto sul sito Netcraft sembra consentire ricerche illimitate. Tuttavia, usalo solo quando ne hai davvero bisogno. È una risorsa gratuita e la comunità degli sviluppatori vorrebbe che rimanga tale.
Informazioni sui siti di W3TechsLo strumento Sites Info di W3Techs funziona in modo leggermente diverso dallo altri. Conserva un Banca dati di informazioni, ma solo sui siti che sono già stati cercati tramite lo strumento. Se stai controllando su un sito che non è stato controllato prima, eseguirà la scansione del sito immediatamente.
Il rapporto fornito è meno approfondito rispetto a quello fornito da altri servizi, ma comunque intuitivo. Otterrai quale CMS, linguaggi di programmazione, server web e provider di hosting utilizza un sito. W3Techs fornisce anche estensioni del browser per Firefox e Chrome in modo da poter controllare i siti con un semplice clic o un tocco.
WappalyzerSe preferisci avere un plugin del browser per controllare le tecnologie di un sito, Wappalyzer ha plugin per Firefox, Cromo e Bordo. I plugin sono gratuiti, facili da usare e hanno un design di facile lettura. Se fai clic su qualsiasi tecnologia nel rapporto, verrai reindirizzato a una sua spiegazione, il che è fantastico se trova qualcosa che non hai mai visto prima.
Wappalyzer offre una funzionalità unica con la possibilità di creare un avviso per un sito web. Controllano il sito ogni giorno e ti inviano un'email se rilevano un cambiamento. L'avviso ti richiederà di creare un account gratuito con Wappalyzer e costa 10 crediti al mese.
Ma ricevi 50 crediti gratis ogni mese e un avviso costa solo 10 crediti ogni 30 giorni. Quindi gli avvisi di Wappalyzer sono fondamentalmente gratuiti se stai monitorando 5 o meno siti.
WebspotterTutti i servizi tranne uno di Webspotter sono a pagamento, ma va bene. I loro Estensione Webspotter Chrome gratuiti compensano questo. L'estensione Webspotter è simile a Wappalyzer, ma ha alcune caratteristiche diverse. Accanto a ciascuna tecnologia elencata, ci sono collegamenti a statistiche sulla tecnologia, un elenco di siti Web che utilizzano quella tecnologia e il sito Web ufficiale per la tecnologia.
Una caratteristica ancora più intrigante è la capacità di Webspotter di estrarre contatti e-mail, collegamenti ai social media, Analisi SEO e altre informazioni aziendali da un sito web. Anche se questo non ti dice come è fatto il sito, potrebbe essere utile per scopi di marketing online o anche per la ricerca di lavoro.
Rilevatore di temi WordPressForse , non sei così interessato allo sviluppo web ma stai mettendo insieme un sito WordPress e vorresti includere funzionalità che hai visto altrove. Scarica il plug-in del browser Chrome per WordPress Theme Detector.
Non solo il rilevatore di temi WordPress ti dirà cosa Tema WordPress sta utilizzando un sito, ma ti dirà anche cosa Plugin di WordPress sta usando. Mostra anche chi ha creato il tema o il plug-in e fornisce un collegamento a dove puoi ottenerli. Ciò rende così facile incorporare nel tuo sito WordPress elementi che hai ammirato su altri siti.
Scopri come funzionano i siti web
Sì, è così facile immergerti in qualsiasi sito web su Internet e guarda di cosa è fatto. Prova a utilizzare due o più di questi strumenti, poiché alcuni rileveranno cose che altri no. La maggior parte di ciò che vedi su un sito viene effettivamente visualizzato sul tuo computer. Questo è ciò che lo rende facile da guardare. È anche il motivo per cui devi rendi il tuo sito web il più sicuro possibile. Goditi le tue immersioni profonde e facci sapere cosa trovi o costruisci.