Google Chrome hiển thị mã HTML

Luôn hữu ích khi biết cách xem mã nguồn của trang web của bạn hoặc bất kỳ trang web nào. Đó là một kỹ năng có thể rất hữu ích khi làm việc với SEO, khắc phục sự cố hoặc chỉ tò mò muốn xem mã nguồn HTML của một trang web trông như thế nào

Trong bài đăng này, bạn sẽ tìm hiểu các phương pháp dễ dàng về cách xem mã của bất kỳ trang web nào trên bất kỳ nền tảng nào. Bắt đầu nào

Cách xem mã nguồn HTML của website trên Mac

Cuộc đi săn

Để xem nguồn của trang web trên máy Mac bằng Safari, hãy điều hướng đến trang bạn muốn và sử dụng phím tắt sau. Tùy chọn+Lệnh+U

Ngoài ra, bạn có thể nhấp chuột phải vào bất kỳ đâu trên trang và chọn “Hiển thị nguồn trang” từ menu thả xuống

Google Chrome hiển thị mã HTML
Xem mã nguồn trên máy Mac

Google Chrome

Để xem mã nguồn của trang web trên máy Mac bằng Chrome, hãy điều hướng đến trang bạn muốn và sử dụng phím tắt. Tùy chọn+Lệnh+U

Google Chrome hiển thị mã HTML

Bạn cũng có thể nhấp chuột phải vào trang và chọn “Xem nguồn trang” từ menu thả xuống

Google Chrome hiển thị mã HTML
Xem mã nguồn trang web bằng Chrome trên máy Mac

firefox

Khi sử dụng Firefox trên máy Mac, phím tắt để xem mã nguồn là. LỆNH + U

Phím tắt là tổ hợp các phím bạn cần nhấn đồng thời để thực hiện một lệnh cụ thể. Trong trường hợp này, phím tắt sẽ giúp bạn xem mã nguồn của một trang web mà không cần phải thông qua menu tùy chọn

Cách xem mã nguồn trên PC

Google Chrome

Khi sử dụng Google Chrome trên PC, bạn có thể xem mã nguồn của trang web bằng cách sử dụng phím tắt. CTRL + U

Google Chrome hiển thị mã HTML
Xem mã nguồn bằng Chrome trên PC

firefox

Khi sử dụng Firefox trên PC, phím tắt để xem mã nguồn là. CTRL + U

Ô-pê-ra

Khi sử dụng Opera trên PC, phím tắt để xem mã nguồn HTML của trang là. CTRL + U

Microsoft Cạnh

Phím tắt để xem mã nguồn của trang khi sử dụng trình duyệt Microsoft Edge trên PC là. F12 và CTRL+SHIFT+I

Làm cách nào để xem mã HTML của một phần tử trang cụ thể?

Thay vì xem mã HTML của toàn bộ trang, bạn có thể xem mã của các phần tử trang cụ thể bằng cách sử dụng tùy chọn KIỂM TRA PHẦN MỀM có sẵn trong tất cả các trình duyệt phổ biến như Google Chrome, Firefox và Safari

Quá trình này là đơn giản. Mở trang trong cửa sổ trình duyệt mới và sau đó đánh dấu một phần của trang bằng chuột

Nhấp chuột phải rồi chọn KIỂM TRA từ menu thả xuống

Thao tác này sẽ mở công cụ dành cho nhà phát triển và hiển thị cho bạn mã HTML được liên kết với phần tử hoặc phần trang cụ thể

Dưới đây là bản trình diễn nhanh về cách thực hiện việc này bằng Google Chrome

Google Chrome hiển thị mã HTML
Xem mã của phần tử trang bằng INSPECT

Làm cách nào để tải xuống toàn bộ mã nguồn trang web?

Để tải xuống mã nguồn HTML của một trang web, hãy điều hướng bằng trình duyệt yêu thích của bạn đến trang, sau đó chọn LƯU TRANG NHƯ từ menu TỆP. Sau đó, bạn sẽ được nhắc chọn xem bạn muốn tải xuống toàn bộ trang (bao gồm cả hình ảnh) hay chỉ mã nguồn

Các tùy chọn tải xuống là phổ biến cho tất cả các trình duyệt

Trang web, Hoàn thành. Tải xuống mã nguồn của trang và tất cả hình ảnh, tệp CSS và tập lệnh js được liên kết với trang cụ thể. Tất cả các tập tin được lưu trong một thư mục. Điều này rất hữu ích khi bạn cần tải xuống hình ảnh cùng với mã HTML

Trang web, Tệp đơn. Tải xuống trang trong MHTML (viết tắt của MIME HTML). Đây là một dạng HTML bao gồm cả mã của trang web và bất kỳ tài nguyên bên ngoài nào

Trang Web, Chỉ HTML. Tải xuống HTML và bất kỳ phần tử nào khác (như Mã Java Script được nhúng) được tìm thấy trong phần nội dung của trang

Tại sao biết cách xem mã nguồn của trang web lại quan trọng?

Có nhiều trường hợp sử dụng mà bạn có thể muốn kiểm tra mã nguồn của trang web, phổ biến nhất là

Check for the occurrence of H1 tags – Best SEO practices indicate a page should have only one H1 tag. To check if this is the case with your website, you can navigate to one of your posts, and using any of the methods described above, you can view the HTML source code of the page. You can then search for

and see if there is more than one H1 tag on the page.

Kiểm tra xem các liên kết có phải là nofollow hay không – Một trong những cách để tìm hiểu xem một liên kết có thêm thẻ nofollow hay không (điều này làm cho nó ít quan trọng hơn đối với thứ hạng SEO) là xem mã HTML của một trang và kiểm tra sự xuất hiện của từ 'nofollow' . Bạn có thể làm điều này để kiểm tra các liên kết trên trang web của bạn hoặc bất kỳ trang web nào khác

Tối ưu hóa tốc độ trang web của bạn – Một lý do chính đáng để phân tích mã nguồn trang web của bạn là khi tối ưu hóa tốc độ trang của bạn. Khi bắt đầu, bạn có thể xem HTML của một trang và cố gắng xác định các thành phần (bao gồm các tệp JS và CSS) có thể bị xóa để làm cho kích thước trang nhỏ hơn và tải xuống nhanh hơn. Sau đó, với sự trợ giúp của các công cụ khác (như Thông tin chi tiết về tốc độ trang của Google), bạn có thể tiếp tục tối ưu hóa mã của mình hơn nữa

Chìa khóa học tập

Thật dễ dàng để xem hoặc lưu mã nguồn của một trang web. Quá trình này giống nhau cho tất cả các trình duyệt. Bước đầu tiên là điều hướng đến trang bạn muốn và sau đó bạn có thể xem HTML bằng phím tắt

Bạn có thể tùy chọn tải xuống mã dưới dạng tệp văn bản. Để xem mã HTML của một thành phần trang cụ thể, hãy sử dụng chức năng KIỂM TRA là một phần của công cụ của nhà phát triển

Phím tắt để hiển thị mã nguồn trong Chrome là gì?

Chrome – CTRL + U . Hoặc bạn có thể nhấp vào phím trông kỳ lạ với ba đường kẻ ngang ở góc trên bên phải. Sau đó bấm vào "Công cụ" và chọn "Xem nguồn. "

Tại sao mã HTML của tôi hiển thị dưới dạng văn bản trong Chrome?

Có thể nội dung không phải là loại html . Tôi đã mắc lỗi tương tự và thắc mắc tại sao nó lại hiển thị dưới dạng văn bản. Kiểm tra nội dung của tệp, rất có thể nó không phải là HTML hoặc một số thẻ html phải bị thiếu. Đảm bảo rằng loại Tài liệu được đề cập rõ ràng là loại HTML ở đầu tài liệu.