Molte tecnologie vengono utilizzate nella creazione di siti Web. Sistemi di gestione dei contenuti^{(Content management systems)} , framework^(frameworks) , diversi linguaggi di programmazione e scripting^{(different scripting and programming languages)} , sistemi di pagamento^{(payment systems)} ... ogni genere di cose!

Se sei curioso di sapere come funziona il tuo sito Web preferito o vuoi vedere se un sito utilizza qualcosa di impreciso, questo articolo ti mostrerà diversi modi per guardare sotto il cofano e vedere come è costruito.

Visualizza il codice del sito

Se non sei uno sviluppatore, o hai appena iniziato, 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 Chrome^{(how to use Chrome’s Developer Tools)} per fare proprio questo. 

ChromeDevTools ti aiuterà a visualizzare il codice HTML^(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 hanno a disposizione alcune versioni degli strumenti dello sviluppatore.

Costruito con^(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 sono in aumento. 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 l'indirizzo di un sito Web, il nome della tecnologia o una parola chiave e ottenere un profilo tecnologico dettagliato. Registrati^(Sign) per un account gratuito e puoi fare cinque ricerche dettagliate al giorno.

Rapporto sul sito Netcraft^{(Netcraft Site Report)}

Netcraft è una risorsa per gli sviluppatori web dal 1995. La loro esperienza in oltre 25 anni viene mostrata nello strumento gratuito Site Report di Netcraft . Combina un rapporto sulla tecnologia con un rapporto in background " chi possiede il sito^{(who owns the site)} ", 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 Netcraft Site Report sembra consentire ricerche illimitate. Tuttavia, usalo solo quando ne hai davvero bisogno. È una risorsa gratuita e la comunità degli sviluppatori vorrebbe che rimanesse tale.

Informazioni sui siti di W3Techs^{(W3Techs’ Sites Info)}

Lo strumento Informazioni sui siti di W3Techs funziona in modo leggermente diverso dagli altri. Mantengono un database di informazioni, ma solo su siti che sono già stati cercati tramite lo strumento. Se stai controllando un sito che non è stato controllato in precedenza, eseguirà la scansione del sito all'istante. 

Il rapporto fornito è meno approfondito di quello fornito da altri servizi, ma comunque approfondito. 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.

Wappalizzatore^(Wappalyzer)

Se preferisci avere un plug-in del browser per controllare le tecnologie di un sito, Wappalyzer ha plug-in per Firefox , Chrome e Edge . I plugin sono gratuiti, facili da usare e sono strutturati in un design di facile lettura. Facendo clic su qualsiasi tecnologia nel rapporto verrà visualizzata una 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'e-mail se rilevano un cambiamento. L'avviso richiederà la creazione di un account gratuito con Wappalyzer e costerà 10 crediti al mese.

Ma ricevi 50 crediti gratis ogni mese e un avviso costa solo 10 crediti ogni 30 giorni. Quindi gli avvisi Wappalyzer sono praticamente gratuiti se stai monitorando 5 o meno siti.

Webspotter

Tutti i servizi di Webspotter tranne uno sono a pagamento, ma va bene così. La loro estensione gratuita Webspotter per Chrome^{(Webspotter Chrome extension)} compensa tutto ciò. 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 della tecnologia. 

Una caratteristica ancora più interessante è la capacità di Webspotter di estrarre contatti e-mail, collegamenti ai social media, analisi SEO^{(SEO analytics)} 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 cercare lavoro.

Rilevatore di temi WordPress^{(WordPress Theme Detector)}

Forse 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 di WordPress Theme Detector^{(Download the WordPress Theme Detector Chrome browser plugin)} . 

Non solo il rilevatore di temi WordPress^{(WordPress Theme Detector)} ti dirà quale tema WordPress^{(WordPress theme)} sta utilizzando un sito, ma ti dirà anche quali plugin di WordPress^{(WordPress plugins)} sta utilizzando. Ti mostra anche chi ha creato il tema o il plug-in e fornisce un collegamento a dove puoi ottenerli. Ciò rende così facile incorporare elementi nel tuo sito WordPress che hai ammirato su altri siti.

Scopri come funzionano i siti web

Sì, è così facile tuffarsi in qualsiasi sito Web su Internet e vedere di cosa è fatto. Prova a utilizzare due o più di questi strumenti, poiché alcuni raccoglieranno cose che altri non lo fanno. 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 rendere il tuo sito web il più sicuro possibile^{(make your website as secure as possible)} . Goditi la tua immersione profonda e facci sapere cosa trovi o costruisci.

How Websites Work: Learn What’s Under the Hood

Many technologіes 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

• Qual è il miglior servizio di teleconferenza: le migliori app a confronto

• Sposta, elimina o copia automaticamente i file in Windows

• Come verificare se la temperatura della CPU è troppo alta

• Le 5 migliori app per filtri luce blu per Windows, Mac e Linux

• Come utilizzare un gestore di pacchetti di Windows per installare i programmi di Windows

• Come rippare i tuoi DVD e Blu-Ray senza sforzo con MakeMKV

• Estensione di sicurezza online di Avast: vale la pena utilizzarla?

• 5 app portatili che vorresti assolutamente avere sulla tua chiavetta USB

• Le migliori app per monitorare l'utilizzo di Internet

• 5 migliori componenti aggiuntivi per la privacy di Firefox per la sicurezza online

• 7 migliori strumenti di rimozione bloatware per Windows

• Cose da considerare prima di creare il tuo Wiki

• 5 migliori account di posta elettronica usa e getta gratuiti

• 5 migliori strumenti per scanner IP per Windows, Mac, iOS e Android

• 9 modi per registrare il gameplay sul tuo PC

• Due strumenti di trascrizione per trasformare l'audio in testo

• 3 Strumenti per diagnosticare e risolvere i problemi con il monitor

• In che modo l'app Signal Desktop può aiutarti a proteggere la tua privacy

• Le 4 migliori alternative a Google Chromecast

• Come eliminare le foto digitali duplicate sul tuo computer Windows