Ngày càng nhiều nhà thiết kế web đang xây dựng các trang web trở nên “đáp ứng” — nghĩa là, họ sẽ điều chỉnh để hiển thị nội dung ở định dạng phù hợp nhất cho bất kỳ thiết bị nào bạn đang duyệt. Ví dụ:nếu bạn truy cập Macgasm trên iPhone, văn bản tiêu đề và hình ảnh trên trang chủ sẽ tự động thay đổi kích thước thành kích thước thân thiện với thiết bị di động hơn. Nếu bạn đang xây dựng một trang web và muốn xem nó xuất hiện như thế nào trên các kích thước màn hình khác nhau, thì Chế độ thiết kế đáp ứng mới của Safari là dành cho bạn.
Để bắt đầu, bạn cần chạy OS X El Capitan và bạn sẽ cần bật menu Phát triển của Safari nếu bạn chưa làm như vậy. Để làm như vậy, hãy chuyển đến Safari> Preferences , nhấp vào Nâng cao , sau đó chọn hộp có nhãn “Hiển thị menu Phát triển trong thanh menu.”
Truy cập trang web bạn đang làm việc, sau đó đi tới Phát triển> Vào Chế độ thiết kế đáp ứng . Như vậy, bạn sẽ có thể xem trang của mình trông như thế nào trên các thiết bị iOS khác nhau, cũng như trên các độ phân giải màn hình phổ biến khác. Bạn có thể thay đổi kích thước khu vực có thể xem bằng cách di chuột qua các cạnh của trang web và kéo sang trái hoặc phải. Chuyển đổi giữa các khu vực có thể xem khác nhau được cung cấp và xem cách trang web của bạn thay đổi từ thiết bị này sang thiết bị khác — bạn có thể chỉ tìm thấy một lỗi mà bạn không nhận thấy trước đây.
Khi bạn đã hoàn tất, hãy chuyển đến Phát triển> Thoát khỏi Chế độ thiết kế đáp ứng .