Trải nghiệm giao diện người dùng iPad trên PC của bạn

Bạn muốn lái thử iPad mà không cần đến cửa hàng Apple? Đây là cách bạn có thể trải nghiệm một số giao diện người dùng iPad ngay từ trình duyệt của mình!

IPad là thiết bị mới nhất của Apple làm kinh ngạc thế giới công nghệ và mọi người thậm chí đã xếp hàng chờ đợi cả đêm để trở thành một trong những người đầu tiên chạm tay vào một chiếc. Tuy nhiên, nhờ một mẹo JavaScript đơn giản, bạn có thể cảm nhận một số tính năng mới của nó mà không cần rời khỏi máy tính của mình. Điều này sẽ không cho phép bạn thử mọi thứ trên iPad, nhưng nó sẽ cho bạn thấy cách các danh sách mới và menu bật lên hoạt động giống như chúng làm trong các ứng dụng mới.

Kiểm tra giao diện người dùng iPad từ trình duyệt của bạn

Thông thường, thư viện nhà phát triển Apple iPhone trực tuyến trông giống như một trang web tiêu chuẩn.

Nhưng, trên iPad, nó trông giống như một ứng dụng iPad nguyên gốc. Với thủ thuật JavaScript tiện lợi từ chánzo.org, bạn có thể sử dụng cùng giao diện này trên PC. Vì iPad sử dụng trình duyệt Safari, chúng tôi đã chạy thử nghiệm này trong Safari cho Windows. Nếu bạn chưa cài đặt nó, bạn có thể tải xuống từ Apple (đường dẫn phía dưới) và thiết lập như bình thường.

Bây giờ, hãy mở Safari và duyệt đến trang nhà phát triển của Apple tại:

http://developer.apple.com

Bây giờ, nhập thông tin sau vào thanh địa chỉ và nhấn Enter.

javascript: localStorage.setItem ('debugSawtooth', 'true')

Cuối cùng, nhấp vào liên kết này để đến tài liệu iPhone OS.

http://developer.apple.com/iphone/l Library / iPad /

Sau một thời gian trì hoãn, nó sẽ mở theo kiểu iPad đầy đủ!

Menu bên trái hoạt động giống như các menu trên iPad, hoàn thành với các hiệu ứng chuyển tiếp. Nó cảm thấy hoàn toàn giống như một ứng dụng gốc, thay vì một trang web. Để cuộn qua văn bản, nhấp và kéo lên hoặc xuống tương tự như cách bạn sẽ sử dụng nó trên màn hình cảm ứng.

Một số trang thậm chí bao gồm menu bật lên như nhiều ứng dụng iPad mới sử dụng.

Lưu ý rằng trang sẽ được hiển thị theo kích thước trình duyệt của bạn và nếu bạn thay đổi kích thước cửa sổ của mình, trang sẽ không thay đổi kích thước với nó. Chỉ cần nhấn F5 để tải lại trang và nó sẽ thay đổi kích thước để phù hợp với kích thước cửa sổ mới. Nếu bạn thay đổi kích thước cửa sổ của mình thành cao và hẹp, như iPad ở chế độ nằm ngang, trang web sẽ thay đổi và menu bên trái sẽ biến mất thay cho menu thả xuống giống như khi bạn xoay iPad.

Điều này cũng hoạt động trong Chrome, vì nó, giống như Safari, dựa trên Webkit. Tuy nhiên, nó dường như không hoạt động trong thử nghiệm của chúng tôi trên Firefox hoặc các trình duyệt khác.

Trước đây chúng tôi đã đề cập đến cách bạn có thể trải nghiệm một số giao diện người dùng của iPhone với hướng dẫn sử dụng iPhone trực tuyến. Kiểm tra xem nếu bạn chưa có:

Xem trang web di động trong Windows với Safari 4 Công cụ dành cho nhà phát triển

Phần kết luận

Mặc dù điều này không cho phép bạn thực sự dùng thử tất cả giao diện của iPad, nhưng ít nhất nó cũng mang đến cho bạn cảm giác về cách thức hoạt động của nó. Thật thú vị khi thấy có bao nhiêu chức năng có thể được đóng gói vào các ứng dụng web ngày hôm nay. Và đừng quên, How-to Geek đang tặng một chiếc iPad cho một người hâm mộ ngẫu nhiên! Truy cập trang Facebook của chúng tôi và người hâm mộ How-to Geek nếu bạn chưa làm như vậy.

Kiếm được một chiếc iPad trên trang Facebook Fan How-To Geek