Banyak teknologi digunakan untuk membangun situs web. Sistem manajemen konten^{(Content management systems)} , kerangka kerja^(frameworks) , skrip dan bahasa pemrograman yang berbeda^{(different scripting and programming languages)} , sistem pembayaran^{(payment systems)} ... segala macam hal!

Jika Anda penasaran bagaimana situs web favorit Anda bekerja, atau ingin melihat apakah sebuah situs menggunakan sesuatu yang samar, artikel ini akan menunjukkan kepada Anda beberapa cara untuk melihat di balik layar dan melihat bagaimana situs itu dibuat.

Lihat Kode Situs Web

Jika Anda bukan seorang pengembang, atau baru memulai, Anda akan mempelajari rahasia pemrograman yang lebih baik. Lihat kode orang lain. Kami telah menunjukkan kepada Anda cara menggunakan Alat Pengembang Chrome^{(how to use Chrome’s Developer Tools)} untuk melakukan hal itu. 

ChromeDevTools akan membantu Anda melihat kode HTML^(HTML) , JavaScript , dan CSS situs , mencari tahu sumber apa yang mungkin digunakan, serta cara memeriksa kinerja pemuatan situs di browser. Semua browser web utama memiliki beberapa versi alat pengembang yang tersedia.

DibangunDengan^(BuiltWith)

BuiltWith.com adalah sumber daya tingkat profesional yang masuk jauh ke dalam situs untuk melihat semua teknologi yang mereka gunakan. Saat ini, mereka mencakup lebih dari 673 juta situs web dan terus bertambah. Ide utama di balik situs ini adalah untuk membantu menghasilkan prospek bagi orang-orang dalam penjualan perangkat lunak.

Fitur lanjutan hanya tersedia melalui langganan berbayar, tetapi siapa pun dapat membuka BuiltWith.com , memasukkan alamat situs web, nama teknologi, atau kata kunci, dan mendapatkan profil teknologi terperinci. Mendaftar^(Sign) untuk mendapatkan akun gratis dan Anda dapat melakukan lima pencarian terperinci setiap hari.

Laporan Situs Netcraft^{(Netcraft Site Report)}

Netcraft telah menjadi sumber daya bagi pengembang web sejak 1995. Keahlian mereka selama lebih dari 25 tahun ditunjukkan dalam alat Laporan Situs^{(Site Report)} gratis Netcraft . Ini menggabungkan laporan teknologi dengan laporan latar belakang “ siapa yang memiliki situs^{(who owns the site)} ”, sehingga Anda mendapatkan gambaran menyeluruh tentang situs tersebut. Anda akan tahu di mana itu di-host, dan siapa yang memilikinya, ditambah beberapa riwayat domain.

Laporan Situs Netcraft^{(Netcraft Site Report)} tampaknya memungkinkan pencarian tanpa batas. Namun, gunakan hanya ketika Anda benar-benar membutuhkannya. Ini adalah sumber daya gratis dan komunitas pengembang ingin melihatnya tetap seperti itu.

Info Situs W3Techs^{(W3Techs’ Sites Info)}

Alat Info Situs W3Techs bekerja sedikit berbeda dari yang lain. Mereka menyimpan database informasi, tetapi hanya di situs yang telah ditelusuri melalui alat ini. Jika Anda memeriksa situs yang belum pernah diperiksa sebelumnya, situs tersebut akan langsung merayapi. 

Laporan yang diberikan kurang mendalam dibandingkan dengan layanan lain yang disediakan, tetapi tetap berwawasan luas. Anda akan mendapatkan CMS , bahasa pemrograman, server web, dan penyedia hosting yang digunakan situs. W3Techs juga menyediakan ekstensi browser untuk Firefox dan Chrome sehingga Anda dapat memeriksa situs hanya dengan satu klik atau satu ketukan.

Wappalyzer

Jika Anda lebih suka memiliki plugin browser untuk memeriksa teknologi situs, Wappalyzer memiliki plugin untuk Firefox , Chrome , dan Edge . Pluginnya gratis, mudah digunakan, dan ditata dengan desain yang mudah dibaca. Mengklik teknologi apa pun dalam laporan akan membawa Anda ke penjelasannya, yang sangat bagus jika menemukan sesuatu yang belum pernah Anda lihat sebelumnya. 

Wappalyzer menawarkan fitur unik dengan kemampuan untuk membuat peringatan untuk situs web. Mereka memeriksa situs setiap hari dan mengirim email kepada Anda jika mereka mendeteksi perubahan. Peringatan akan mengharuskan Anda untuk membuat akun gratis dengan Wappalyzer dengan biaya 10 kredit per bulan.

Tetapi Anda mendapatkan 50 kredit gratis setiap bulan dan peringatan hanya dikenakan biaya 10 kredit untuk setiap 30 hari. Jadi Wappalyzer Alerts pada dasarnya gratis jika Anda memantau 5 situs atau kurang.

Webspotter

Semua kecuali satu layanan Webspotter adalah layanan berbayar, tapi tidak apa-apa. Ekstensi Chrome Webspotter^{(Webspotter Chrome extension)} gratis mereka menebusnya . Ekstensi Webspotter mirip dengan Wappalyzer , namun memiliki beberapa fitur yang berbeda. Di samping setiap teknologi yang terdaftar, terdapat tautan ke statistik tentang teknologi tersebut, daftar situs web yang menggunakan teknologi tersebut, dan situs web resmi untuk teknologi tersebut. 

Fitur yang lebih menarik adalah kemampuan Webspotter untuk menarik kontak email, tautan media sosial, analitik SEO^{(SEO analytics)} , dan informasi perusahaan lainnya dari situs web. Meskipun itu tidak memberi tahu Anda tentang bagaimana situs itu dibuat, itu bisa berguna untuk tujuan pemasaran online atau bahkan mencari pekerjaan.

Detektor Tema WordPress^{(WordPress Theme Detector)}

Mungkin, Anda tidak begitu tertarik dengan pengembangan web tetapi Anda sedang menyusun situs WordPress dan ingin menyertakan fitur yang pernah Anda lihat di tempat lain. Unduh plugin browser Chrome Detektor Tema WordPress^{(Download the WordPress Theme Detector Chrome browser plugin)} . 

WordPress Theme Detector tidak hanya akan memberi tahu Anda tema WordPress^{(WordPress theme)} apa yang digunakan situs, tetapi juga akan memberi tahu Anda plugin WordPress^{(WordPress plugins)} apa yang digunakannya. Ini juga menunjukkan kepada Anda siapa yang membuat tema atau plugin dan menyediakan tautan ke tempat Anda bisa mendapatkannya. Itu membuatnya sangat mudah untuk memasukkan elemen ke dalam situs WordPress Anda yang telah Anda kagumi di situs lain.

Pelajari Cara Kerja Situs Web

Ya, sangat mudah untuk menyelami situs web mana pun di Internet dan melihat dari apa situs itu dibuat. Coba gunakan dua atau lebih alat ini, karena beberapa akan mengambil hal-hal yang tidak dilakukan orang lain. Sebagian besar dari apa yang Anda lihat di situs sebenarnya ditampilkan di komputer Anda. Itulah yang membuatnya mudah untuk dilihat. Itu juga alasan mengapa Anda perlu membuat situs web Anda seaman mungkin^{(make your website as secure as possible)} . Nikmati penyelaman dalam Anda dan beri tahu kami apa yang Anda temukan atau bangun.

How Websites Work: Learn What’s Under the Hood

Many technologies go intо 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

• Apa Layanan Panggilan Konferensi Terbaik – Aplikasi Terbaik Dibandingkan

• Memindahkan, Menghapus, atau Menyalin File Secara Otomatis di Windows

• Cara Memeriksa apakah Suhu CPU Anda Terlalu Tinggi

• 5 Aplikasi Filter Cahaya Biru Terbaik Untuk Windows, Mac dan Linux

• Cara Menggunakan Pengelola Paket Windows untuk Menginstal Program Windows

• 3 Alat untuk Mendiagnosis dan Memecahkan Masalah dengan Monitor Anda

• 4 Alat Hebat untuk Membuat Paket Penginstal Windows

• Apa itu Chatbot dan Bagaimana Menggunakannya Di Situs Anda

• Tes Piksel Mati Untuk Memperbaiki Piksel Terjebak Di Monitor Anda

• Program Terbaik untuk Menambahkan Fungsi Baru ke Windows 10

• Gunakan HP Print and Scan Doctor untuk Memperbaiki Masalah Umum Printer

• Bagaimana Aplikasi Desktop Signal Dapat Membantu Melindungi Privasi Anda

• Cara Merobek DVD & Blu-Ray Anda dengan Mudah Dengan MakeMKV

• 7 Alat Kompresor & Pengoptimal GIF Terbaik

• Widget Cuaca Terbaik untuk Windows 10/11

• 10 Ekstensi Privasi Terbaik untuk Chrome (2022)

• Editor Skrip Google Apps: Semua yang Perlu Anda Ketahui untuk Memulai

• 5 Trik Command Prompt Agar CMD Lebih Menarik

• 5 Alternatif Windows untuk Perintah Sudo Linux

• 5 Alat untuk Mengonversi File BIN ke Gambar ISO