Xem mã nguồn của trang web trong Safari và các trình duyệt web khác là một hoạt động khá thường xuyên đối với nhiều người làm việc với web để kiếm sống hoặc thậm chí vì sở thích. Không giống như một số trình duyệt khác, để xem nguồn trang trong Safari, trước tiên bạn phải bật bộ công cụ dành cho nhà phát triển để trình duyệt có thể truy cập tính năng xem nguồn trang web.

Hướng dẫn này sẽ trình bày cách xem nguồn trang web trong Safari trên Mac OS. Điều này áp dụng cho tất cả các phiên bản Safari và MacOS.

Cách xem nguồn trang trong Safari dành cho Mac

Đây là cách bạn có thể xem nguồn trang web trong Safari trên MacOS:

1. Đầu tiên, bật menu Phát triển Safari bằng cách vào menu Safari, chọn “Tùy chọn”, chuyển đến “Nâng cao” và chọn hộp để bật menu nhà phát triển



2. Tiếp theo, trong bất kỳ cửa sổ Safari nào, hãy điều hướng đến trang web có nguồn mà bạn muốn xem và kiểm tra
3. Kéo xuống menu “Phát triển” ở đầu màn hình và chọn “Hiển thị Nguồn Trang” từ các tùy chọn menu



4. Nguồn của trang web sẽ xuất hiện trên màn hình trong phần Nguồn của trình kiểm tra web, một bộ công cụ dành cho nhà phát triển web được tích hợp trong Safari

Ngoài việc xem nguồn trang, bạn cũng có thể sử dụng menu Phát triển để thực hiện nhiều thủ thuật hữu ích khác dành cho web và các tác vụ dành cho nhà phát triển, bao gồm tắt Javascript và xóa bộ nhớ cache của Safari cùng vô số chức năng và khả năng khác hướng đến nâng cao người dùng và nhà phát triển, chẳng hạn như tìm tệp nhúng trong trang.

Cách xem nguồn trang bằng phím tắt trong Safari trên máy Mac

Sau khi bật menu Phát triển trong Safari, bạn cũng có thể sử dụng phím tắt để xem nhanh bất kỳ nguồn trang web nào trong trình duyệt Safari dành cho máy Mac:

1. Điều hướng đến trang web bạn muốn xem nguồn trang cho
2. Nhấn tổ hợp phím Command + Option + U để xem nguồn trang

Phím tắt để xem nguồn trang sẽ mở công cụ kiểm tra web, giống như truy cập công cụ này từ menu Phát triển.

Nếu bạn là người dùng nâng cao của Safari, việc bật menu Phát triển có thể là một trong những việc đầu tiên bạn làm khi khởi chạy trình duyệt lần đầu tiên.

Cho những gì đáng giá, trình duyệt Chrome và trình duyệt Firefox cũng có khả năng kiểm tra phần tử web tương tự nhưng rõ ràng chúng tôi đang tập trung vào Safari dành cho Mac tại đây.

Các chức năng của Nhà phát triển trong Safari dành cho Mac không có sẵn cho iPhone hoặc iPad (dù sao đi nữa), nhưng nếu bạn quan tâm đến việc có được các tùy chọn xem nguồn ở phía thiết bị di động, bạn có thể sử dụng thủ thuật javascript này để xem nguồn trang trong phiên bản iOS và ipadOS của Safari.

Bạn có bất kỳ mẹo hoặc thủ thuật hữu ích nào liên quan đến việc xem nguồn trang hoặc bộ công cụ dành cho nhà phát triển trong Safari không? Chia sẻ suy nghĩ, mẹo và kinh nghiệm của bạn với chúng tôi trong phần nhận xét.