Làm sao để xem code của một website? Đây chắc hẳn là câu hỏi thắc mắc của nhiều bạn đúng không nào. Bài viết hôm nay, Simple Page sẽ giới thiệu đến bạn tất tần tật cách xem mã nguồn của trang web chi tiết nhất. Cùng theo dõi nhé!
Cách xem mã nguồn của trang web trên máy tính
Xem trực tiếp trên trang web
Để xem mã nguồn trang web, người dùng có thể thực hiện các bước sau trên các trình duyệt như Chrome, Edge, Firefox, và Opera:
Bước 1: Mở trình duyệt và truy cập vào địa chỉ website mà bạn muốn xem mã nguồn.
Bước 2: Nhấp chuột phải vào bất kỳ vị trí nào trên trang web hoặc sử dụng tổ hợp phím Ctrl + U.
Bước 3: Mã nguồn trang web sẽ được hiển thị trong một tab mới. Bây giờ, bạn đã có khả năng xem và tra cứu thông tin về mã nguồn của trang web tại đây.
Sử dụng công cụ
Sử dụng công cụCông cụ Developer Tools giúp bạn xem và tìm kiếm phần tử trong mã HTML một cách đơn giản. Dưới đây là cách sử dụng công cụ này:
Bước 1: Mở trình duyệt web Google Chrome và truy cập vào địa chỉ của trang web mà bạn muốn xem mã nguồn.
Bước 2: Bấm vào biểu tượng ba chấm ở góc bên phải của thanh công cụ, sau đó chọn “More Tools (Công cụ khác)” và sau đó chọn “Developer Tools” hoặc bạn có thể nhấn tổ hợp phím Ctrl + Shift + I để mở công cụ.
Bước 3: Một hộp thoại sẽ xuất hiện, hiển thị mã nguồn HTML cùng với trang web bạn đang xem. Bạn có thể sử dụng công cụ này để tìm kiếm và kiểm tra các phần tử HTML trên trang web.
Để làm điều này, bạn chỉ cần bôi đen hoặc chọn một phần của trang web, sau đó nhấp chuột phải và chọn “Inspect (Kiểm tra).” Mã HTML tương ứng với phần bạn đã chọn sẽ được tô đậm và hiển thị bên phải của cửa sổ trang web.
Công cụ Developer Tools giúp bạn dễ dàng kiểm tra và hiểu sâu hơn về cấu trúc và mã nguồn của trang web.
Cách xem nguồn của website trên Macbook
Người dùng có thể dễ dàng xem mã nguồn của một trang web bằng trình duyệt web Safari trên MacOS bằng cách thực hiện các bước sau:
Bước 1: Mở ứng dụng Safari bằng biểu tượng la bàn màu xanh dương. Sau đó, nhấp vào “Safari” trên thanh menu ở phía trên, bên trái, để mở trình đơn.
Bước 2: Chọn mục “Preferences (Tùy chỉnh)” trong trình đơn.
Bước 3: Trong hộp thoại Preferences, nhấp vào biểu tượng ốc vít ở thẻ “Advanced (Nâng cao)” ở góc trên, bên phải.
Bước 4: Một hộp thoại mới sẽ xuất hiện. Tại đây, tích vào ô “Show Develop menu in menu bar”.
Bước 5: Bây giờ, bạn sẽ thấy một bảng chọn “Develop” xuất hiện trên thanh menu của Safari.
Bước 6: Truy cập trang web mà bạn muốn xem mã nguồn. Sau đó, nhấp vào “Develop” trên thanh menu và chọn “Show Page Source”. Mã nguồn của trang web sẽ được hiển thị trong cửa sổ mới.
Ngoài ra, bạn cũng có thể sử dụng tổ hợp phím Option + Command + U để nhanh chóng xem mã nguồn của trang web. Để kiểm tra mã nguồn của một phần tử cụ thể trên trang, bạn chỉ cần bôi đen và nhấp chuột phải vào phần tử đó, sau đó chọn “Inspect Element”. Mã nguồn tương ứng của phần tử sẽ hiển thị trong cửa sổ kiểm tra.
Xem Source code website trên điện thoại
Mở HTML của 1 trang website bằng Android
Để xem mã nguồn của trang web trên Android, bạn có thể thực hiện theo hướng dẫn sau:
Bước 1: Mở trình duyệt Chrome hoặc Firefox trên thiết bị Android của bạn. Truy cập trang web mà bạn muốn xem mã nguồn.
Bước 2: Thêm cụm từ “view-source” vào trước địa chỉ URL. Ví dụ, nếu bạn muốn xem mã nguồn của trang https://thietkewebaio.com/, bạn sẽ nhập vào thanh địa chỉ như sau: view-source:https://thietkewebaio.com/
Phương pháp này cũng có thể được áp dụng trên trình duyệt của máy tính để bàn (desktop).
Để xem mã nguồn của một trang web trên trình duyệt Safari trên thiết bị iOS, bạn có thể thực hiện các bước sau:
Bước 1: Tìm và tải ứng dụng “View Source” từ App Store.
Bước 2: Truy cập trình duyệt web Safari trên thiết bị iOS của bạn và mở trang web mà bạn muốn xem mã nguồn.
Bước 3: Chọn biểu tượng chia sẻ trên màn hình. Một bảng chia sẻ sẽ xuất hiện. Vuốt qua các ứng dụng phía dưới cho đến khi bạn thấy mục “Thêm” có biểu tượng ba chấm. Nhấn vào “Thêm” để bật tùy chọn “View Source”
Bước 4: Trong thanh công cụ chia sẻ, bạn sẽ thấy tùy chọn mới “View Source” Nhấn và giữ tùy chọn này, sau đó di chuyển nó đến vị trí phù hợp trên trình duyệt web Safari.
Bước 5: Truy cập vào trang web mà bạn muốn xem mã nguồn, sau đó nhấn biểu tượng chia sẻ và chọn “View Source” mà bạn đã thêm. Mã nguồn của trang web sẽ hiển thị. Để tìm kiếm ký tự trong mã nguồn, bạn có thể chọn biểu tượng chia sẻ, sau đó nhấn “Find (Tìm)” và nhập ký tự bạn muốn tìm.
=>>>Xem thêm: Cách tạo trang web trên Google Site đơn giản nhất
Và đó là cách xem mã nguồn của trang web chi tiết nhất. Hy vọng bài viết sẽ giúp ích cho bạn. Cảm ơn bạn đã theo dõi!
