내 컴퓨터에서 (모든 최신 브라우저를 통해) 잘 작동하는 웹 사이트를 만들었습니다. 누군가 사파리 모바일에서 작동하지 않는다고보고했습니다.Safari 모바일에서 웹 사이트 작업을 어떻게 확인할 수 있습니까?
나는 사파리에서 내가 원하는 것처럼 보이게하려고 창문에서 보려고 노력했다.
나는 스크린 샷을 보았고 UI에 이상이 있다고 느낍니다. 누군가 내 컴퓨터 (창)에서 내 모습을 어떻게 확인할 수 있는지 생각할 수 있습니까?
내 컴퓨터에서 사파리 모바일 용 웹 사이트를 어떻게 테스트 할 수 있습니까?
확인이 아웃 : http://webtide.wordpress.com/2009/09/14/how-to-test-websites-for-mobile-devices/
당신이 필요합니다 무엇 : 아이폰/아이팟 터치에 대한
사파리 테스트 :
열기 사파리와 환경 설정 (편집 -> 환경 설정)로 이동합니다.
고급 탭에서 "메뉴 막대에 현상 메뉴 표시"가 선택되어 있는지 확인하십시오. 메뉴에서 개발 -> 사용자 에이전트 -> 모바일 사파리 3.0을 클릭하십시오. 웹 사이트로 이동하여 테스트를 시작하십시오!
Chrome Developer Tools에는 장치 에뮬레이션이 있습니다.
Chrome 개발 도구가 사파리 동작을 올바르게 에뮬레이트하지 못합니다. 나는 몇 페이지를 테스트했으며 Chrome Dev Tools (iPhone 5를 에뮬레이션)에서 완벽하게 보이지만 iPhones/iPad/Mac에서는보기 흉한 것처럼 보입니다. –
OS가 아닌 화면 크기를 에뮬레이션합니다. – neuronet
실제로 Safari를 다운로드하여 컴퓨터에 설치 한 다음 사용할 수있는 모든 사파리 버전의 모바일 용 웹 사이트를 확인할 수 있습니다. 메뉴 바에서 환경 설정 -> 고급 -> 개발자 메뉴 표시를 선택하십시오.
마지막으로 웹 사이트 내부를 마우스 오른쪽 단추로 클릭 한 다음 사용자 에이전트 -> 원하는 사파리 버전을 선택하십시오. Check this link for further information
2 ~ 3 년 전에 작성된 기사. 해당 게시물에 대한 업데이트가 있습니다. – user1377045