Computer >> Hướng Dẫn Máy Tính >  >> Hệ Thống >> Mac

Cách xem mã nguồn trang web trong Safari trên Mac

Cách xem mã nguồn trang web trong Safari trên Mac

Sau mỗi trang web đẹp là mã nguồn phức tạp phục vụ thiết kế và chức năng cho người dùng. Đôi khi bạn tò mò muốn xem chính xác mã nào xây dựng trang web. Xem mã nguồn trang web khả thi trên hầu hết trình duyệt, Safari trên Mac cũng vậy.

Safari cho Mac cho phép xem mã nguồn trang web; tuy nhiên, nó không hoạt động như Chrome hay Firefox. Để xem mã nguồn trong Safari, bạn cần trước tiên mở khóa menu ẩn trong trình duyệt.

Dưới đây là cách bật menu đó và xem mã nguồn trang web bằng nhiều cách.

Xem mã nguồn trang web trong Safari trên Mac

  1. Khởi chạy Safari trên Mac.
  2. Khi Safari mở, nhấn menu "Safari" trên thanh menu rồi chọn "Preferences..." (Tùy chọn...).
  3. Cách xem mã nguồn trang web trong Safari trên Mac
  4. Khi bảng Tùy chọn mở, nhấn tab "Advanced" (Nâng cao). Tab cuối cùng trên thanh menu.
  5. Cách xem mã nguồn trang web trong Safari trên Mac
  6. Trong tab Advanced, bạn thấy tùy chọn "Show Develop menu in menu bar" (Hiển thị menu Develop trên thanh menu).
  7. Tích vào ô tùy chọn đó, menu Develop sẽ lập tức xuất hiện trên thanh menu trình duyệt.
  8. Cách xem mã nguồn trang web trong Safari trên Mac

Menu Develop đã được mở khóa trong Safari trên Mac. Dưới đây là cách dùng các tùy chọn nó cung cấp để truy cập mã nguồn trang web.

1. Sử dụng menu Develop

Trên thanh menu Safari, bạn thấy tùy chọn mới "Develop" vừa được mở khóa. Để xem mã nguồn trang, nhấn menu "Develop" rồi chọn "Show Page Source" (Hiển thị nguồn trang).

Cách xem mã nguồn trang web trong Safari trên Mac

Safari sẽ ngay lập tức hiển thị toàn bộ mã nguồn trang web.

2. Sử dụng phím tắt

Nếu dự định xem mã nguồn nhiều trang, dùng phím tắt nhanh hơn click menu.

Cách xem mã nguồn trang web trong Safari trên Mac

Khi trang web mở trong Safari, nhấn tổ hợp "Option + Command + U", Safari sẽ hiển thị mã nguồn trang.

3. Sử dụng menu chuột phải

Tùy chọn xem mã nguồn cũng được thêm vào menu ngữ cảnh (context menu) của Safari. Để truy cập, chuột phải khi đang trên trang web, chọn "Show Page Source".

Cách xem mã nguồn trang web trong Safari trên Mac

Kết luận

Nếu Safari là trình duyệt chính, và bạn quan tâm xem mã nguồn các trang web, hướng dẫn trên giúp bạn làm điều đó mà không cần rời trình duyệt yêu thích.