Multe tehnologii merg în crearea de site-uri web. Sisteme de gestionare a conținutului, cadre, diferite limbaje de scriptare și programare, sisteme de plată... tot felul de lucruri!
Dacă sunteți curios cum funcționează site-ul dvs. web preferat sau doriți să vedeți dacă un site folosește ceva incomplet, acest articol vă va arăta mai multe moduri de a privi sub capotă și de a vedea cum este construit.
Vizualizați codul site-ului
Dacă nu sunteți dezvoltator sau abia începeți, sunteți pe cale să aflați secretul unei mai bune programări. Uită-te la codul altor persoane. V-am arătat cum să utilizați instrumentele pentru dezvoltatori Crom să faceți exact acest lucru.
ChromeDevTools vă va ajuta să vizualizați codul HTML, JavaScript și CSS al unui site, să aflați ce surse ar putea consuma, precum și cum să verificați performanța de încărcare a unui site în browser. Toate browserele web majore au disponibile o versiune a instrumentelor dezvoltatorului.
BuiltWith
BuiltWith.com este o resursă de nivel profesional care merge adânc în site-uri pentru a vedea toate tehnologiile pe care le folosesc. În prezent, acestea acoperă peste 673 de milioane de site-uri web. Ideea principală din spatele site-ului a fost să ajute la generarea de clienți potențiali pentru vânzările de software.
Funcțiile avansate sunt disponibile numai printr-un abonament plătit, dar oricine poate accesa BuiltWith.com, introduceți un adresa site-ului web, numele tehnologiei sau cuvântul cheie și obțineți un profil tehnologic detaliat. Înscrieți-vă pentru un cont gratuit și puteți efectua cinci căutări detaliate pe zi.
In_content_1 all: [300x250] / dfp: [640x360]-> Raportul site-ului NetcraftNetcraft este o resursă pentru dezvoltatorii web din 1995. Experiența lor de peste 25 de ani se arată în instrumentul gratuit Netcraft de raportare a site-ului. Acesta combină un raport tehnologic cu un raport de fundal „cine deține site-ul ”, astfel încât să obțineți o imagine de ansamblu aprofundată a site-ului. Veți ști unde este găzduit și cine îl deține, plus un istoric al domeniului.
Raportul site-ului Netcraft pare să permită căutări nelimitate. Totuși, utilizați-l numai atunci când aveți cu adevărat nevoie de el. Este o resursă gratuită, iar comunitatea de dezvoltatori ar dori să o facă să rămână așa.
Informații despre site-urile W3TechsInstrumentul de informații despre site-uri W3Techs funcționează puțin diferit de alții. Păstrează un Bază de date de informații, dar numai pe site-urile care au fost deja căutate prin intermediul instrumentului. Dacă verificați un site care nu a fost verificat înainte, acesta va accesa cu crawlere instantaneu.
Raportul furnizat este mai puțin aprofundat decât oferă alte servicii, dar este totuși perspicace. Veți obține ce CMS, limbaje de programare, server web și furnizor de găzduire utilizează un site. W3Techs oferă, de asemenea, extensii de browser pentru Firefox și Chrome, astfel încât să puteți verifica site-urile cu doar un clic sau o atingere.
WappalyzerDacă preferați să aveți un plugin pentru browser pentru a verifica tehnologiile unui site, Wappalyzer are pluginuri pentru Firefox, Crom și Margine. Pluginurile sunt gratuite, ușor de utilizat și sunt prezentate într-un design ușor de citit. Dacă faceți clic pe orice tehnologie din raport, veți ajunge la o explicație a acesteia, ceea ce este minunat dacă găsește ceva ce nu ați mai văzut până acum.
Wappalyzer oferă o caracteristică unică cu posibilitatea de a crea o alertă pentru un site web. Ei verifică site-ul zilnic și vă trimit prin e-mail dacă detectează o modificare. Alerta va necesita crearea unui cont gratuit cu Wappalyzer și costul a 10 credite pe lună.
Dar primiți 50 de credite gratuit în fiecare lună și o alertă costă doar 10 credite la fiecare 30 de zile. Deci, alertele Wappalyzer sunt practic gratuite dacă monitorizați 5 sau mai puține site-uri.
WebspotterToate serviciile Webspotter, cu excepția unuia, sunt un serviciu plătit, dar este în regulă. Webspotter extensie Chrome lor gratuit compensează acest lucru. Extensia Webspotter este similară cu Wappalyzer, totuși are câteva caracteristici diferite. Lângă fiecare tehnologie enumerată, există linkuri către statistici despre tehnologie, o listă de site-uri web care utilizează tehnologia respectivă și site-ul oficial pentru tehnologie.
O caracteristică și mai interesantă este capacitatea Webspotter de a extrage contactele de e-mail, legăturile de socializare, Analize SEO și alte informații despre companie dintr-un site web. Deși acest lucru nu vă spune despre modul în care este creat site-ul, acesta ar putea fi util în scopuri de marketing online sau chiar pentru căutarea unui loc de muncă.
Detector de teme WordPressPoate , nu vă interesează atât de mult dezvoltarea web, dar creați un site WordPress și doriți să includeți caracteristici pe care le-ați văzut în altă parte. Descărcați pluginul pentru browserul WordPress Theme Detector Chrome.
Nu numai că WordPress Theme Detector vă va spune ce Tema WordPress folosește un site, dar vă va spune și ce Plugin-uri WordPress se folosește. De asemenea, vă arată cine a creat tema sau pluginul și oferă un link către locul în care le puteți obține. Acest lucru face atât de ușor să încorporeze elemente în site-ul dvs. WordPress pe care le-ați admirat pe alte site-uri.
Aflați cum funcționează site-urile web
Da, este atât de ușor să vă scufundați în orice site de pe Internetul și vedeți din ce este făcut. Încercați să utilizați două sau mai multe dintre aceste instrumente, deoarece unele vor prelua lucruri pe care alții nu le fac. Majoritatea a ceea ce vedeți pe un site este de fapt redat pe computerul dvs. Acesta este ceea ce face ușor să priviți. Este, de asemenea, motivul pentru care trebuie să faceți site-ul dvs. cât mai sigur posibil. Bucurați-vă de scufundările profunde și spuneți-ne ce găsiți sau construiți.