Nhiều công nghệ đi vào xây dựng trang web. Hệ thống quản lý nội dung, khuôn khổ, ngôn ngữ lập trình và kịch bản khác nhau, hệ thống thanh toán … đủ 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, thì bài viết này sẽ chỉ cho bạn một số cách để tìm hiểu kỹ 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 tìm hiểu 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 Trình duyệt Chrome để làm điều đó.
ChromeDevTools sẽ giúp bạn xem mã HTML, JavaScript và CSS của một trang web, tìm hiểu những nguồn mà chúng có thể đang sử dụng, cũng như cách kiểm tra hiệu suất tải của một 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.
Được xây dựng vớiBuiltWith.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à còn tiếp tục tăng. Ý 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ỉ khả dụng thông qua đăng ký trả phí, nhưng bất kỳ ai cũng có thể truy cập BuiltWith.com, nhập một đị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ý 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.
In_content_1 all: [300x250] / dfp: [640x360]-> Báo cáo trang web NetcraftNetcraft 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 thể hiện trong công cụ Báo cáo Trang web 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ơ bản “ai sở hữu trang web ”, để 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ử tên miền.
Báo cáo trang web Netcraft dường như cho phép tra cứu không giới hạn. Tuy nhiên, hãy 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 nó giữ nguyên như vậy.
Thông tin về các trang web của W3TechsCông cụ Thông tin Trang web của W3Techs hoạt động hơi khác một chút so với khác. Họ lưu giữ cơ sở dữ liệu 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 đây, 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ửaNế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, Trình duyệt Chrome và Cạnh. 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 phầ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 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.
Tuy nhiên, 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.
WebspotterTất cả trừ một dịch vụ của Webspotter là dịch vụ trả phí, nhưng Không sao đâu. Tiện ích mở rộng Webspotter Chrome miễn phí của họ bù đắp cho đ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 địa chỉ liên hệ qua email, liên kết mạng xã hội, Phân tích SEO 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ủ đề WordPressCó 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 Theme Detector WordPress.
Không chỉ Trình phát hiện chủ đề WordPress sẽ cho bạn biết Chủ đề WordPress một trang web đang sử dụng những gì mà còn cho bạn biết Các plugin WordPress nó đang sử dụng. 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 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
Có, 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ụ trong số những công cụ này, vì một số công cụ 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ì giúp bạn dễ dàng xem xét. Đó cũng là lý do tại sao bạn cần làm cho trang web của bạn an toàn nhất có thể. Hãy tận hưởng quá trình 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.