PC에서 iPad UI 체험

Apple 상점으로 향하지 않고 드라이브 iPad를 테스트하고 싶습니까? 브라우저에서 곧바로 iPad UI 일부를 경험할 수있는 방법이 있습니다.!

iPad는 Apple이 최신 기술 세상을 놀라게 할 수있는 최신 장치이며, 사람들은 밤새도록 줄을 서서 기다렸다가 처음으로 손을 잡았습니다. 그러나 간단한 자바 스크립트 트릭 덕분에 컴퓨터를 떠나지 않고도 새로운 기능에 대한 느낌을 얻을 수 있습니다. 이렇게하면 iPad에서 모든 것을 시험해 볼 수는 없지만 새로운 앱에서와 마찬가지로 새 목록 및 팝업 메뉴가 어떻게 작동하는지 확인할 수 있습니다..

브라우저에서 iPad의 UI를 테스트 해보십시오.

일반적으로 온라인 Apple iPhone 개발자 라이브러리는 표준 웹 페이지처럼 보입니다..

그러나 iPad에서는 본격적인 기본 iPad 앱처럼 보입니다. boredzo.org의 멋진 자바 스크립트 트릭을 사용하면 동일한 인터페이스를 PC에서 사용할 수 있습니다. iPad가 Safari 브라우저를 사용하기 때문에 Windows 용 Safari에서이 테스트를 실행했습니다. 아직 설치하지 않은 경우 Apple에서 다운로드 할 수 있습니다 (아래 링크) 정상적으로 설정.

이제 Safari를 열고 Apple 개발자 페이지로 이동하십시오.

http://developer.apple.com

이제 검색 주소창에 다음을 입력하고 Enter 키를 누릅니다..

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

마지막으로이 링크를 클릭하면 iPhone OS 설명서로 이동합니다..

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

잠시 후 전체 iPad 스타일로 열어야합니다.!

왼쪽 메뉴는 iPad의 메뉴처럼 작동하며 전환이 완료됩니다. 웹 페이지가 아닌 기본 응용 프로그램처럼 느껴집니다. 텍스트를 스크롤하려면 터치 스크린에서 사용하는 것과 비슷한 방식으로 클릭하고 위아래로 당깁니다..

일부 페이지에는 새 iPad 앱과 같이 많은 팝업 메뉴가 포함되어 있습니다..

브라우저의 크기에 맞게 페이지가 렌더링되며 창 크기를 조정하면 페이지의 크기가 조정되지 않습니다. 페이지를 다시로드하기 만하면 F5 키를 누르면 크기가 새 창 크기에 맞게 조정됩니다. 수평 모드의 iPad처럼 창의 너비가 크고 좁아 지도록 크기를 조정하면 웹 페이지가 변경되고 iPad를 회전 한 경우처럼 왼쪽 메뉴가 드롭 다운 메뉴 대신 사라집니다.

이것은 Safari와 마찬가지로 Webkit을 기반으로하므로 Chrome에서도 작동합니다. 그러나 Firefox 나 다른 브라우저에 대한 테스트에서 작동하지 않는 것 같습니다..

이전에는 온라인 iPhone 사용자 가이드를 통해 iPhone UI의 일부를 경험할 수있는 방법을 다루었습니다. 아직 확인하지 않은 경우 확인해보십시오.

Safari 4 Developer Tools를 사용하여 Windows에서 모바일 웹 사이트보기

결론

이 방법으로 iPad의 모든 인터페이스를 실제로 시험해 볼 수는 없지만 적어도 어떻게 작동하는지 알 수 있습니다. 오늘날 웹 응용 프로그램에 얼마나 많은 기능을 포함시킬 수 있는지 보니 흥미 롭습니다. 그리고 잊어 버리지 마라, How-to Geek는 iPad를 임의의 팬에게주고있다! 우리 페이스 북 페이지로 가서 이미 그렇게하지 않았다면 How-to Geek을 팬으로 보내십시오..

How-To Geek Facebook 팬 페이지에서 iPad 받기