2012-07-19 2 views
4

데스크톱 버전에는 올바르게 표시되지만 iPad에는 버그가 거의없는 사이트가 있습니다. 내 OS가 Windows 인 경우 문제를 감지하는 가장 간단한 방법은 무엇입니까? 내가 (구현의 따라) 생각할 수Windows에서 Ipad 웹 앱 디버그

답변

-1

가장 좋은 방법은 당신이 장치를 모든 종류의로 전환하고 다른 장치에 나타나는 방법을 볼 수있는 파이어 폭스 플러그인 https://addons.mozilla.org/en-US/firefox/addon/user-agent-switcher/

을 사용하는 것입니다.

여기서 http://www.ampercent.com/test-website-design-iphone-ipad-mobile-devices/7075/은 시작하는 데 필요한 빠른 가이드입니다.

FF와 같은 브라우저 이외의 다른 브라우저를위한 사용자 에이전트 스위처가 있습니다. Google 검색을 수행하고 자신이 좋아하는 것을 시도하십시오.

+0

Chrome 22.0.1210.0 canary는 사용자 에이전트를 변경할 수 있습니다. 내 주요한 문제는 데스크톱 Chrome과 모바일 버전 –

+2

사이의 다른 웹킷 버전입니다. '다른 기기에 어떻게 표시되는지 확인합니다.'- 아니요. 그들이 제공 할 콘텐츠를 볼 수 있습니다. 파이어 폭스는 다른 브라우저와 같은 방식으로 콘텐츠를 렌더링하지 않습니다. – Quentin

1

옵션 1 - 무료, 로컬 시스템 디버깅

당신은 Windows 용 Safari 브라우저를 사용할 수있다 (download Safari 5.1.7). 메뉴 바의 메뉴 개발 활성화

단계

  1. (메뉴 표시 줄을 엽니을 눌러 'Alt 키'키. 그런 다음 메뉴> 환경 설정> 고급 탭을 편집하기 위해 수행. 아래에서이 옵션을 찾을 수 있습니다.)
  2. 그런 다음 개발 메뉴> 사용자 에이전트를 따릅니다. iPad, iPhone 등을 선택하십시오.

자바 스크립트 디버깅에 도움이되는 개발 메뉴 (예 : 웹 속성보기)에 더 많은 옵션이 있습니다. How to debug iPhone and iPad web applications, using Safari.

옵션 2

학점 - 유료, 브라우저 기반 액세스 내가 개인적으로 http://www.browserstack.com/ 사용했습니다

브라우저/OS/기계를 대상으로 그것을 당신이 다양한 조합의 기능을 테스트 할 수 있습니다 . 그러나 디버깅은 로컬 시스템과 마찬가지로 편리하지 않을 수 있습니다.

유사한 서비스를 제공하는 회사가 더있을 수 있습니다.

in a comment 언급

으로 기본적인 온라인 에뮬레이터주의 '에뮬레이터의 웹 사이트를주의해야합니다. 예 : iPhone을 에뮬레이트하고 iPhone을 그림으로 그려 넣은 웹 사이트는 iframe이며 브라우저에서 정교하게 렌더링되었습니다 (Firefox)에서 해당 웹 사이트를 열었습니다.