Nhiều công nghệ đi vào xây dựng trang web. Hệ thống quản lý nội dung^{(Content management systems)} , khuôn khổ^(frameworks) , các ngôn ngữ lập trình và lập trình kịch bản khác nhau^{(different scripting and programming languages)} , hệ thống thanh toán^{(payment systems)} … đủ thứ!

Nếu bạn tò mò về cách trang web yêu thích của mình hoạt động hoặc muốn xem liệu một trang web có đang sử dụng thứ gì đó sơ sài hay không, bài viết này sẽ chỉ cho bạn một số cách để xem xét tổng thể và xem nó được xây dựng như thế nào.

Xem mã của trang web

Nếu bạn không phải là nhà phát triển hoặc mới bắt đầu, bạn sắp học được bí quyết để lập trình tốt hơn. Nhìn vào mã của người khác. Chúng tôi đã chỉ cho bạn cách sử dụng Công cụ dành cho nhà phát triển của Chrome^{(how to use Chrome’s Developer Tools)} để thực hiện điều đó. 

ChromeDevTools sẽ giúp bạn xem mã HTML^(HTML) , JavaScript và CSS của một trang web , tìm hiểu những nguồn nào chúng có thể đang sử dụng, cũng như cách kiểm tra hiệu suất tải của trang web trong trình duyệt. Tất cả các trình duyệt web chính đều có sẵn một số phiên bản công cụ của nhà phát triển.

Đã xây dựng^(BuiltWith)

BuildWith.com^{(BuiltWith.com)} là một tài nguyên cấp chuyên nghiệp đi sâu vào các trang web để xem tất cả các công nghệ mà họ sử dụng. Hiện tại, họ phủ sóng hơn 673 triệu trang web và đang tiếp tục tăng lên. Ý tưởng chính đằng sau trang web là giúp tạo ra khách hàng tiềm năng cho những người bán phần mềm.

Các tính năng nâng cao chỉ có sẵn thông qua đăng ký trả phí, nhưng bất kỳ ai cũng có thể truy cập BuiltWith.com , nhập địa chỉ trang web, tên công nghệ hoặc từ khóa và nhận hồ sơ công nghệ chi tiết. Đăng ký^(Sign) một tài khoản miễn phí và bạn có thể thực hiện năm lần tra cứu chi tiết mỗi ngày.

Báo cáo trang web Netcraft^{(Netcraft Site Report)}

Netcraft là tài nguyên dành cho các nhà phát triển web từ năm 1995. Chuyên môn của họ trong hơn 25 năm được thể hiện trong công cụ Báo cáo Trang web^{(Site Report)} miễn phí của Netcraft . Nó kết hợp báo cáo công nghệ với báo cáo cơ sở “ ai sở hữu trang web^{(who owns the site)} ” để bạn có được cái nhìn tổng quan toàn diện về trang web. Bạn sẽ biết nó được lưu trữ ở đâu và ai sở hữu nó, cùng với một số lịch sử miền.

Báo cáo Trang web Netcraft^{(Netcraft Site Report)} dường như cho phép tra cứu không giới hạn. Tuy nhiên, chỉ sử dụng nó khi bạn thực sự cần. Đó là một tài nguyên miễn phí và cộng đồng nhà phát triển muốn thấy nó vẫn như vậy.

Thông tin về các trang web của W3Techs^{(W3Techs’ Sites Info)}

Công cụ Thông tin Trang web của W3Techs hoạt động hơi khác so với những công cụ khác. Họ lưu giữ cơ sở dữ liệu^(database) thông tin, nhưng chỉ trên các trang web đã được tìm kiếm thông qua công cụ. Nếu bạn đang kiểm tra một trang web chưa được kiểm tra trước đó, nó sẽ thu thập dữ liệu trang web đó ngay lập tức. 

Báo cáo được cung cấp ít chuyên sâu hơn các dịch vụ khác cung cấp, nhưng vẫn sâu sắc. Bạn sẽ nhận được CMS , ngôn ngữ lập trình, máy chủ web và nhà cung cấp dịch vụ lưu trữ mà một trang web sử dụng. W3Techs cũng cung cấp các tiện ích mở rộng trình duyệt cho Firefox và Chrome để bạn có thể kiểm tra các trang web chỉ bằng một cú nhấp chuột hoặc một lần nhấn.

Chất tẩy rửa^(Wappalyzer)

Nếu bạn muốn có một plugin trình duyệt để kiểm tra công nghệ của trang web, Wappalyzer có các plugin cho Firefox , Chrome và Edge . Các plugin này miễn phí, dễ sử dụng và được trình bày trong một thiết kế dễ đọc. Nhấp vào bất kỳ công nghệ nào trong báo cáo sẽ đưa bạn đến giải thích về nó, điều này thật tuyệt nếu nó tìm thấy thứ mà bạn chưa từng thấy trước đây. 

Wappalyzer cung cấp một tính năng độc đáo với khả năng tạo cảnh báo cho một trang web. Họ kiểm tra trang web hàng ngày và gửi email cho bạn nếu họ phát hiện ra sự thay đổi. Cảnh báo sẽ yêu cầu bạn tạo một tài khoản miễn phí với Wappalyzer và tính phí 10 tín dụng mỗi tháng.

Nhưng bạn nhận được 50 tín dụng miễn phí mỗi tháng và một cảnh báo chỉ tốn 10 tín dụng cho mỗi 30 ngày. Vì vậy, Wappalyzer Alerts về cơ bản là miễn phí nếu bạn đang theo dõi 5 trang web trở xuống.

Webspotter

Tất cả trừ một dịch vụ của Webspotter là dịch vụ trả phí, nhưng không sao cả. Tiện ích mở rộng Webspotter Chrome^{(Webspotter Chrome extension)} miễn phí của họ bù đắp điều đó. Tiện ích mở rộng Webspotter tương tự như Wappalyzer , nhưng nó có một vài tính năng khác nhau. Bên cạnh mỗi công nghệ được liệt kê, có các liên kết đến thống kê về công nghệ, danh sách các trang web sử dụng công nghệ đó và trang web chính thức cho công nghệ đó. 

Một tính năng hấp dẫn hơn nữa là khả năng của Webspotter để kéo các địa chỉ liên hệ qua email, liên kết trên mạng xã hội, phân tích SEO^{(SEO analytics)} và thông tin công ty khác ra khỏi trang web. Mặc dù điều đó không cho bạn biết về cách trang web được tạo ra, nhưng nó có thể hữu ích cho các mục đích tiếp thị trực tuyến hoặc thậm chí là tìm việc làm.

Trình phát hiện chủ đề WordPress^{(WordPress Theme Detector)}

Có thể, bạn không quá quan tâm đến việc phát triển web nhưng bạn đang tạo một trang web WordPress và muốn bao gồm các tính năng bạn đã thấy ở những nơi khác. Tải xuống plugin trình duyệt Chrome của Trình phát hiện chủ đề WordPress^{(Download the WordPress Theme Detector Chrome browser plugin)} . 

Công cụ phát hiện chủ đề WordPress^{(WordPress Theme Detector)} không chỉ cho bạn biết trang web đang sử dụng chủ đề WordPress nào mà còn cho bạn biết trang web đang sử dụng ^{(WordPress theme)}plugin WordPress^{(WordPress plugins)} nào. Nó cũng cho bạn biết ai đã tạo chủ đề hoặc plugin và cung cấp liên kết đến nơi bạn có thể lấy chúng. Điều đó giúp bạn dễ dàng kết hợp các yếu tố vào trang web WordPress của mình mà bạn đã ngưỡng mộ trên các trang web khác.

Tìm hiểu cách trang web hoạt động

Vâng, thật dễ dàng để đi sâu vào bất kỳ trang web nào trên Internet và xem nó được làm bằng gì. Hãy thử sử dụng hai hoặc nhiều công cụ này, vì một số sẽ chọn được những thứ mà những công cụ khác thì không. Hầu hết những gì bạn thấy trên một trang web thực sự được hiển thị trên máy tính của bạn. Đó là những gì làm cho nó dễ dàng nhìn vào. Đó cũng là lý do tại sao bạn cần phải làm cho trang web của mình càng an toàn càng tốt^{(make your website as secure as possible)} . Hãy tận hưởng chuyến lặn sâu của bạn và cho chúng tôi biết những gì bạn tìm thấy hoặc xây dựng.

How Websites Work: Learn What’s Under the Hood

Many technologies 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

• Dịch vụ cuộc gọi hội nghị tốt nhất là gì - Các ứng dụng tốt nhất được so sánh

• Tự động di chuyển, xóa hoặc sao chép tệp trong Windows

• Cách kiểm tra xem nhiệt độ CPU của bạn có quá cao không

• 5 ứng dụng lọc ánh sáng xanh tốt nhất cho Windows, Mac và Linux

• Cách sử dụng trình quản lý gói Windows để cài đặt các chương trình Windows

• 10 tiện ích mở rộng quyền riêng tư tốt nhất cho Chrome (2022)

• 3 Công cụ chẩn đoán và khắc phục sự cố với màn hình của bạn

• Tiện ích mở rộng bảo mật trực tuyến của Avast: Nó có đáng sử dụng không?

• Trình phân tích cú pháp email của Zapier: 3 cách sáng tạo để sử dụng nó

• Những điều cần cân nhắc trước khi tạo Wiki của riêng bạn

• Cách ứng dụng Signal Desktop có thể giúp bảo vệ quyền riêng tư của bạn

• Cách chặn các trang web bằng phần mềm kiểm soát miễn phí của phụ huynh

• 7 cách mở tệp MDB mà không cần Microsoft Access

• Làm thế nào để trích xuất DVD & Blu-ray của bạn một cách dễ dàng với MakeMKV

• 5 lựa chọn thay thế Windows cho Linux sudo Command

• Các tiện ích tinh chỉnh CPU, Card màn hình và RAM tốt nhất

• HDG Giải thích: SQL, T-SQL, MSSQL, PL / SQL và MySQL là gì?

• Phục hồi tệp Windows của Microsoft có hoạt động không? Chúng tôi đã kiểm tra nó.

• Google Apps Script Editor: Mọi thứ bạn cần biết để bắt đầu

• 11 phần mềm chụp màn hình miễn phí tốt nhất cho Windows