ĐĂNG TIN
logo
Online:
Visits:
Stories:
Profile image
Tác giả: Cơ Duyên
Trang tin cá nhân | Bài đã đăng
Lượt xem

Hiện tại:
1h trước:
24h trước:
Tổng số:
Trải nghiệm giao diện iPad trên PC
Wednesday, June 2, 2010 13:17
% of readers think this story is Fact. Add your two cents.


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

iPad là một thiết bị số mới nhất mà Apple mới trình làng, có rất nhiều người thậm chí đã xếp hàng cả đêm để có được chiếc iPad đầu tiên. Mặc dù vậy không cần phải mua thiết bị số thực sự của Apple mà người dùng vẫn có thể trải nghiệm giao diện sử dụng của nó, một mẹo nhỏ JavaScript sẽ giúp bạn trải nghiệm một số tính năng mà ngay trên máy tính. Cách thức này tuy không cho phép bạn thử nghiệm 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à các menu làm việc như thể chúng đang ở trong các ứng dụng mới.

Thử nghiệm giao diện iPad từ trình duyệt của bạn

Thông thường, thư viện phát triển của Apple iPhone trông giống như một trang web chuẩn.

Tr?i nghi?m giao di?n iPad trên PC - Tin180.com (?nh 1)

Tuy nhiên trên iPad, nó giống và cho cảm nhận như một ứng dụng iPad thiên bẩm đang phát triển mạnh. Với một mẹo JavaScript từ boredzo.org bạn có thể sử dụng giao diện tương tự như vậy trên PC. Do iPad sử dụng trình duyệt Safari nên chúng tôi đã tiến hành thử nghiệm này trong Safari cho Windows. Nếu chưa cài đặt trình duyệt này, bạn có thể download nó từ Apple (liên kết cho bên dưới) và cài đặt một cách đơn giản.

Tr?i nghi?m giao di?n iPad trên PC - Tin180.com (?nh 2)

Mở trình duyệt Safari và duyệt đến trang phát triển của Apple tại địa chỉ: http://developer.apple.com

Tr?i nghi?m giao di?n iPad trên PC - Tin180.com (?nh 3)

Nhập vào lệnh sau trong thanh bar địa chỉ và nhấn Enter.

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

Tr?i nghi?m giao di?n iPad trên PC - Tin180.com (?nh 4)

Cuối cùng, kích vào liên kết để truy cập vào tài liệu hệ điều hành của iPhone .

http://developer.apple.com/iphone/library/iPad/

Chờ một chút bạn sẽ thấy kiểu dáng iPad hoàn chỉnh!

Tr?i nghi?m giao di?n iPad trên PC - Tin180.com (?nh 5)

Menu bên trái làm việc giống như các menu con trên iPad, hoàn toàn với sự chuyển tiếp. Nó cho cảm nhận giống toàn bộ ứng dụng nguyên bản, thay vì trang web. Để cuộn qua phần văn bản, bạn hãy kích và kéo lên hoặc xuống giống như cách bạn sử dụng nó trên màn hình touchscreen.

Một số trang thậm chí còn có cả menu pop-over giống như các menu mà các ứng dụng iPad hiện sử dụng.

Tr?i nghi?m giao di?n iPad trên PC - Tin180.com (?nh 6)

Lưu ý rằng trang web sẽ được render theo kích thước của trình duyệt, tuy nhiên nếu bạn kích thước lại cửa sổ của mình thì lúc này nó vẫn chưa thay đổi kích thước lại ngay. Đơn giản nhấn F5 để load lại trang, khi đó trang web sẽ kích thước sao cho phù hợp với kích cỡ cửa sổ mới. Nếu bạn kích thước lại cửa sổ của mình để trở nên cao hơn và hẹp hơn, giống như iPad trong chế độ dọc, trang web sẽ thay đổi và các menu trái sẽ biến mất, thay vào đó là menu sổ xuống giống như iPad thực bên ngoài khi bạn quay nó.

Tr?i nghi?m giao di?n iPad trên PC - Tin180.com (?nh 7)

Ứng dụng này làm việc trong Chrome khá tốt do nó cũng gần giống như Safari ở chỗ đều dựa trên Webkit. Mặc dù vậy, nó dường như không làm việc trong quá trình thử nghiệm của chúng tôi trên Firefox hoặc các trình duyệt khác.

Tr?i nghi?m giao di?n iPad trên PC - Tin180.com (?nh 8)

Kết luận

Mặc dù không thể cung cấp cho bạn tất cả những gì có trên giao diện của iPad, tuy nhiên cách làm đơn giản này ít nhiều cũng đã cho bạn thấy được hương vị về cách làm việc của nó như thế nào.

Văn Linh -Theo Howtogeek
(theo quantrimang)

Tin nổi bật trong ngày
Tin mới nhất

Register

Newsletter

Email this story

If you really want to ban this commenter, please write down the reason:

If you really want to disable all recommended stories, click on OK button. After that, you will be redirect to your options page.