Điều cần biết
- Để bật: Preferences> chọn Advancedtab > chuyển đổi Hiển thị menu Develop trong thanh menutrên.
- Để sử dụng: chọn Develop> Vào Chế độ thiết kế đáp ứngtrong thanh công cụ Safari.
Bài viết này giải thích cách bật Chế độ thiết kế đáp ứng trong Safari 9 đến Safari 13, trong OS X El Capitan thông qua macOS Catalina.
Cách bật Chế độ thiết kế đáp ứng trong Safari
Để bật Chế độ thiết kế đáp ứng của Safari, cùng với các công cụ dành cho nhà phát triển Safari khác:
-
Vào menu Safarivà chọn Preferences.
Nhấn phím tắt Command+ , (dấu phẩy) để truy cập nhanh vào Preferences.
-
Trong hộp thoại Preferences, chọn tab Advanced.
Image -
Ở cuối hộp thoại, chọn hộp kiểm Hiển thị trình đơn Phát triển trong thanh trình đơn.
Image -
Bây giờ bạn sẽ thấy Developtrong thanh menu Safari trên cùng.
Image -
Chọn Develop> Vào Chế độ thiết kế đáp ứngtrong thanh công cụ Safari.
Nhấn phím tắt Option+ Command+ Rđể nhanh chóng vào Chế độ thiết kế đáp ứng.
Image -
Trang web đang hoạt động hiển thị ở Chế độ thiết kế đáp ứng. Ở đầu trang, hãy chọn thiết bị iOS hoặc độ phân giải màn hình để xem trang sẽ hiển thị như thế nào.
Image -
Ngoài ra, hãy xem trang web của bạn sẽ hiển thị như thế nào trong các nền tảng khác nhau bằng cách sử dụng menu thả xuống phía trên các biểu tượng độ phân giải.
Image
Công cụ dành cho nhà phát triển Safari
Ngoài Chế độ thiết kế đáp ứng, menu Safari Develop cung cấp các tùy chọn hữu ích khác.
Mở trang bằng
Mở trang web đang hoạt động trong bất kỳ trình duyệt nào hiện được cài đặt trên Mac.
Tác nhân người dùng
Khi bạn thay đổi Tác nhân Người dùng, bạn có thể đánh lừa một trang web nghĩ rằng bạn đang sử dụng một trình duyệt khác.
Hiển thị Trình kiểm tra web
Hiển thị tất cả tài nguyên của trang web, bao gồm thông tin CSS và chỉ số DOM.
Hiển thị Bảng điều khiển Lỗi
Hiển thị các lỗi và cảnh báo JavaScript, HTML và XML.
Hiển thị Nguồn Trang
Cho phép bạn xem mã nguồn của trang web đang hoạt động và tìm kiếm nội dung trang.
Hiển thị Tài nguyên Trang
Hiển thị tài liệu, tập lệnh, CSS và các tài nguyên khác từ trang hiện tại.
Hiển thị Trình chỉnh sửa đoạn mã
Cho phép bạn chỉnh sửa và thực thi các đoạn mã. Tính năng này hữu ích từ góc độ thử nghiệm.
Hiển thị Trình tạo tiện ích mở rộng
Giúp bạn tạo tiện ích mở rộng Safari bằng cách đóng gói mã của bạn cho phù hợp và bổ sung siêu dữ liệu.
Bắt đầu ghi dòng thời gian
Cho phép bạn ghi lại các yêu cầu mạng, thực thi JavaScript, kết xuất trang và các sự kiện khác trong Trình kiểm tra WebKit.
Bộ đệm trống
Xóa tất cả các bộ đệm được lưu trữ trong Safari, không chỉ các tệp bộ đệm trang web tiêu chuẩn.
Tắt bộ nhớ đệm
Khi tắt bộ nhớ đệm, tài nguyên được tải xuống từ một trang web mỗi khi có yêu cầu truy cập thay vì sử dụng bộ đệm cục bộ.
Cho phép JavaScript từ Trường Tìm kiếm Thông minh
Bị tắt theo mặc định vì lý do bảo mật, tính năng này cho phép bạn nhập URL chứa JavaScript vào thanh địa chỉ Safari.
