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