Xem trang web JavaScript

Tuy nhiên, với tư cách là người dùng trên một trang web, chúng tôi không thực sự thấy những gì đang diễn ra đằng sau hậu trường trong máy chủ. Chúng tôi chỉ nhận được đầu ra cuối cùng từ máy chủ, ở dạng HTML, CSS và Javascript. Đó là mã tạo ra trang web mà chúng ta thấy

Hướng dẫn này sẽ chỉ cho bạn cách xem mã đằng sau thiết kế mặt trước và trang được định dạng độc đáo. Nó sẽ hiển thị cho bạn HTML, CSS và Javascript mà trình duyệt của bạn sử dụng để hiển thị một trang độc đáo cho người dùng

Và nó khá dễ dàng. Bắt đầu nào

Xem nguồn trang

Đi đến rìa ngoài của một trang web (e. g. ngoài cùng bên trái), sau đó nhấp chuột phải và nhấp vào “Xem nguồn trang” (hoặc tùy chọn có tên tương tự)

Điều đó sẽ hiển thị tất cả mã HTML, cùng với các liên kết đến tệp CSS, Javascript, hình ảnh, v.v.

Bây giờ bạn có thể đọc qua nó và xem trang đó được tạo bằng gì

Bạn cũng có thể sử dụng Ctrl + F (command + F trong Mac) để tìm kiếm các từ khóa nhất định trong đó

Nhận cụ thể

Nếu bạn muốn xem chi tiết một phần cụ thể của trang, hầu hết các trình duyệt hiện nay đều có trình kiểm tra tích hợp sẵn. Hoặc bạn có thể sử dụng Fireorms trong Firefox

Chỉ cần nhấp chuột phải vào đối tượng bạn muốn kiểm tra, sau đó nhấp vào Kiểm tra phần tử (hoặc tùy chọn có tên tương tự)

Mã tương ứng sẽ được đánh sáng cao trong cửa sổ bên trái. Sau đó, bạn có thể nhấp vào các thẻ bên ngoài hoặc bên trong nó để xem chi tiết các thẻ đó. Khi bạn làm điều đó, nó sẽ làm sáng phần trang mà nó kiểm soát

Ở bên phải, bạn sẽ thấy các kiểu CSS được áp dụng cho thẻ HTML được tô sáng

Đây là một cách cực kỳ hữu ích và nhanh chóng để kiểm tra mã

Wappalyzer

Nếu bạn chỉ muốn có một cách nhanh chóng để xem trang web sử dụng công nghệ nào mà không cần thực hiện điều tra thủ công, thì hãy xem hướng dẫn về Wappalyzer của chúng tôi

người hướng dẫn

• Nick Savov

  Nick là Giám đốc Hỗ trợ tại OSTraining và bạn có thể tìm thấy anh ấy ở hầu hết mọi lĩnh vực của trang web, từ trả lời các yêu cầu hỗ trợ và câu hỏi về tài khoản đến tạo hướng dẫn và phần mềm

  Đưa các trang web của bạn lên cấp độ tiếp theo bằng cách khai thác JavaScript. Tìm hiểu trong bài viết này cách kích hoạt JavaScript ngay từ tài liệu HTML của bạn

  Prerequisites:You need to be familiar with how to create a basic HTML document.Objective:Learn how to trigger JavaScript in your HTML file, and learn the most important best practices for keeping JavaScript accessible.

<script src="path/to/my/script.js"></script>

<script>
  window.addEventListener("load", () => {
    console.log("This function is executed once the page is fully loaded");
  });
</script>