Điều cần biết
- Từ menu Safari, chọn Develop > Hiện mã nguồn trang.
- Hoặc chuột phải vào trang và chọn Hiện mã nguồn trang từ menu thả xuống.
- Phím tắt: Option + Command + U.
Bài viết này chỉ cách xem mã nguồn HTML trong Safari.
Xem mã nguồn trong Safari
Hiển thị mã nguồn trong Safari rất dễ dàng:
Mở Safari.
Điều hướng đến trang web bạn muốn kiểm tra.
Chọn menu Develop trên thanh menu trên cùng. Chọn tùy chọn Hiện mã nguồn trang để mở cửa sổ văn bản với mã nguồn HTML của trang.
Hoặc nhấn Option + Command + U trên bàn phím.
Nếu menu Develop không hiển thị, vào Preferences trong phần Advanced (Nâng cao) và chọn Hiển thị menu Develop trong thanh menu.
Trên hầu hết các trang web, bạn cũng có thể xem mã nguồn bằng cách chuột phải vào trang (không phải vào hình ảnh) và chọn Hiện mã nguồn trang. Bạn phải bật menu Develop trong Preferences để tùy chọn xuất hiện.
Safari cũng có phím tắt để xem nguồn HTML: Giữ phím command và option rồi nhấn U (Cmd + Opt + U).
Lợi ích của việc xem mã nguồn
Xem mã nguồn để thấy cách nhà thiết kế web đạt được bố cục sẽ giúp bạn học hỏi và cải thiện công việc. Nhiều năm qua, nhiều nhà thiết kế và phát triển web đã học được khá nhiều HTML chỉ bằng cách xem mã nguồn của các trang web họ thấy. Đây là cách tuyệt vời cho người mới bắt đầu học HTML và cho các chuyên gia web giàu kinh nghiệm xem cách người khác sử dụng kỹ thuật mới.
Hãy nhớ rằng tệp nguồn có thể rất phức tạp. Cùng với mã đánh dấu HTML cho một trang, có thể có các tệp CSS và script đáng kể được dùng để tạo giao diện và chức năng của trang web đó, vì vậy đừng nản chí nếu bạn không thể ngay lập tức hiểu chuyện gì đang xảy ra. Xem nguồn HTML chỉ là bước đầu tiên. Sau đó, bạn có thể dùng công cụ như tiện ích Web Developer của Chris Pederick để xem CSS và script cũng như kiểm tra các phần tử HTML cụ thể.
Việc xem mã nguồn có hợp pháp không?
Mặc dù sao chép toàn bộ mã của trang web và đăng tải như của mình trên một trang web chắc chắn là không chấp nhận được, nhưng sử dụng mã đó như điểm xuất phát để học hỏi thực sự là cách nhiều người tạo ra tiến bộ trong ngành này. Bạn sẽ khó tìm thấy một chuyên gia web đang làm việc hôm nay chưa từng khám phá điều gì đó bằng cách xem mã nguồn của một trang web!
Các chuyên gia web học hỏi lẫn nhau và thường cải tiến công việc họ thấy và cảm thấy được truyền cảm hứng, vì vậy đừng ngần ngại xem mã nguồn của trang web và dùng nó như công cụ học tập.