Tải xuống toàn bộ trang html
Mọi trình duyệt Internet chính đều cho phép người dùng xem mã nguồn HTML của bất kỳ trang web nào. Các phần sau chứa thông tin về nhiều cách để xem mã nguồn trong mỗi trình duyệt chính. Để tiếp tục, hãy chọn một mục từ danh sách bên dưới và làm theo hướng dẫn Show
thông tin giới thiệuKhi xem mã nguồn của trang web, thông tin và mã do máy chủ xử lý sẽ không xuất hiện. Ví dụ: công cụ tìm kiếm xử lý thông tin trên máy chủ rồi hiển thị kết quả trên trang web. Nói cách khác, bạn có thể xem mã tạo nên trang kết quả, nhưng bạn không thể xem mã nguồn của công cụ tìm kiếm Quy tắc này áp dụng cho tất cả các tập lệnh phía máy chủ, SSI và mã lập trình. Do đó, bạn không thể xem mã nguồn của tập lệnh được sử dụng trong công cụ tìm kiếm, diễn đàn, thăm dò ý kiến, trò chuyện, v.v. Ngoài ra, sao chép thông tin từ mã nguồn có thể gây ra lỗi hoặc đưa bạn trở lại trang mà bạn đã sao chép thông tin Google ChromeĐể xem mã nguồn của trang web trong Google Chrome, hãy sử dụng bất kỳ phương pháp nào sau đây Chỉ xem mã nguồnphương pháp một Để chỉ xem mã nguồn, nhấn phím tắt Ctrl+U trên bàn phím máy tính của bạn phương pháp hai Nhấp chuột phải vào một phần trống của trang web và chọn Xem nguồn trang từ menu bật lên xuất hiện Xem nguồn trang với các yếu tố
Mẹo Trong Chrome, nhấn F12 hoặc Ctrl+Shift+I cũng sẽ hiển thị công cụ tương tác dành cho nhà phát triển. Công cụ này cung cấp nhiều tương tác hơn với mã nguồn và cài đặt CSS, cho phép người dùng xem các thay đổi trong mã ảnh hưởng đến trang web ngay lập tức như thế nào Mozilla FirefoxĐể xem mã nguồn của một trang web trong Mozilla Firefox, hãy sử dụng bất kỳ phương pháp nào sau đây Chỉ xem mã nguồnphương pháp một Để chỉ xem mã nguồn, hãy nhấn Ctrl+U trên bàn phím máy tính của bạn phương pháp hai Nhấp chuột phải vào một phần trống của trang web và chọn Xem nguồn trang từ menu bật lên xuất hiện Xem nguồn trang với các yếu tố
Mẹo Trong Firefox, nhấn F12 hoặc Ctrl+Shift+I cũng sẽ hiển thị công cụ tương tác dành cho nhà phát triển. Công cụ này cung cấp khả năng tương tác với mã nguồn và cài đặt CSS, cho phép người dùng xem những thay đổi trong mã ảnh hưởng đến trang web như thế nào trong thời gian thực Xem một phần mã nguồn của trang
Mẹo Bạn có thể sử dụng tiện ích bổ sung Firebug để xem và chỉnh sửa mã nguồn của trang cũng như xem các thay đổi trực tiếp thông qua trình duyệt Microsoft CạnhĐể xem mã nguồn của trang web trong Microsoft Edge, hãy sử dụng bất kỳ phương pháp nào sau đây Chỉ xem mã nguồnphương pháp một Để chỉ xem mã nguồn, hãy nhấn Ctrl+U trên bàn phím máy tính của bạn phương pháp hai Nhấp chuột phải vào một phần trống của trang web và chọn Xem nguồn trang từ menu bật lên xuất hiện Xem nguồn trang với các yếu tố
Mẹo Trong Microsoft Edge, nhấn F12 hoặc Ctrl+Shift+I cũng hiển thị công cụ tương tác dành cho nhà phát triển. Công cụ này cung cấp khả năng tương tác với mã nguồn và cài đặt CSS, cho phép người dùng xem những thay đổi trong mã ảnh hưởng đến trang web như thế nào trong thời gian thực Internet Explorer của MicrosoftĐể xem mã nguồn của một trang web trong Microsoft Internet Explorer, hãy sử dụng bất kỳ phương pháp nào sau đây Chỉ xem mã nguồnphương pháp một Để chỉ xem mã nguồn, hãy nhấn Ctrl+U trên bàn phím máy tính của bạn phương pháp hai Nhấp chuột phải vào một phần trống của trang web và chọn Xem nguồn từ menu bật lên xuất hiện Xem nguồn trang với các yếu tố
Mẹo Trong Internet Explorer, nhấn F12 sẽ hiển thị công cụ DOM. Công cụ này cung cấp khả năng tương tác với mã nguồn và cài đặt CSS, cho phép người dùng xem các thay đổi trong mã ảnh hưởng đến trang web ngay lập tức như thế nào Cuộc đi sănTrong Safari, xem mã nguồn của trang web yêu cầu bật tùy chọn nhà phát triển. Các phần sau đây hướng dẫn bạn cách bật tính năng này và cách xem mã nguồn của trang web Truy cập tùy chọn nhà phát triển trong Safari
Xem mã nguồnGhi chú Bạn phải bật tùy chọn nhà phát triển để các bước sau hoạt động phương pháp một
Phương pháp 2 Nhấp chuột phải vào một phần trống của trang web và chọn Hiển thị nguồn trang từ menu bật lên xuất hiện Mẹo Khi tùy chọn nhà phát triển được bật, bạn cũng có thể nhấn Command+option+U để xem mã nguồn Ô-pê-raĐể xem mã nguồn của một trang web trong Opera, hãy sử dụng bất kỳ phương pháp nào sau đây Chỉ xem mã nguồnphương pháp một Để chỉ xem mã nguồn, hãy nhấn Ctrl+U trên bàn phím máy tính của bạn phương pháp hai Nhấp chuột phải vào một phần trống của trang web và chọn Nguồn trang từ menu bật lên xuất hiện Xem nguồn trang với các yếu tố
Mẹo Nếu bạn không thấy menu con Nhà phát triển, hãy chọn Công cụ khác → Hiển thị menu nhà phát triển. Sau đó, nhấp lại vào nút menu . Bây giờ bạn sẽ thấy mục Nhà phát triển được liệt kê.Mẹo Trong Opera, nhấn Ctrl+Shift+I cũng sẽ hiển thị công cụ tương tác dành cho nhà phát triển. Công cụ này cung cấp khả năng tương tác với mã nguồn và cài đặt CSS, cho phép người dùng xem những thay đổi trong mã ảnh hưởng đến trang web như thế nào trong thời gian thực Điện thoại hoặc máy tính bảng Android sử dụng Chrome
Mẹo Ví dụ: để xem mã cho trang chủ của chúng tôi, bạn sẽ nhập view-source. https. //www. hy vọng máy tính. com Nếu các bước trên không hoạt động trên điện thoại Android của bạn, hãy sử dụng phương pháp trên iPhone hoặc iPad bằng phần Safari. Mã tương tự hoạt động trên điện thoại Android. Sự khác biệt duy nhất là sử dụng Chrome thay vì Safari và cách tạo dấu trang
Mẹo Nếu bạn thấy khó điều hướng mã nguồn trên thiết bị di động của mình bằng phương pháp trên, bạn cũng có thể xem xét một công cụ trực tuyến iPhone hoặc iPad sử dụng SafariViệc xem mã nguồn của một trang web trên iPhone hoặc iPad mất nhiều công sức hơn một chút, nhưng có thể. Quá trình này yêu cầu bạn tạo dấu trang, gán mã JavaScript cho dấu trang đó và sử dụng dấu trang trên trang web để xem mã nguồn của trang đó Ghi chú Nếu muốn sử dụng một ứng dụng để xem mã nguồn của trang web, bạn có thể tải xuống ứng dụng View Source miễn phí từ iOS App Store Tạo bookmark để xem mã nguồn
Mẹo Bạn cũng có thể nhấn và giữ ngón tay của mình trên biểu tượng Dấu trang ở cuối màn hình cho đến khi menu xuất hiện
javascript:(function(){var a=window.open('about:blank').document;a.write('Source code of '+location.href);a.close();var b=a.body.appendChild(a.createElement('pre'));b.style.overflow='auto';b.style.whiteSpace='pre-wrap';b.appendChild(a.createTextNode(document.documentElement.innerHTML))})();
Sử dụng dấu trang để xem mã nguồnSau khi đã tạo bookmark ở trên, bây giờ bạn có thể xem mã nguồn của một trang web
Một tab duyệt Safari mới mở ra, hiển thị mã nguồn của trang web Mẹo Nếu bạn gặp khó khăn khi điều hướng mã nguồn trên thiết bị di động của mình bằng phương pháp trên, bạn cũng có thể cân nhắc sử dụng một công cụ trực tuyến Cách đóng trang mã nguồn hoặc công cụKhi bạn đã xem xong mã nguồn trên một trang web, bạn có thể muốn thoát hoặc đóng nó. Việc đóng mã nguồn phụ thuộc vào phương pháp được sử dụng để mở nó
Sử dụng một công cụ trực tuyến để xem mã nguồnNgoài việc sử dụng trình duyệt, một số công cụ trực tuyến cho phép bạn xem mã nguồn của bất kỳ trang web nào. Những công cụ này có thể hữu ích vì hầu hết có thể định dạng, cách điệu và đánh dấu mã để dễ đọc hơn. Dưới đây là danh sách ngắn một số công cụ |