code

Windows 용 iPhone 브라우저 시뮬레이터?

codestyles 2020. 12. 13. 09:33
반응형

Windows 용 iPhone 브라우저 시뮬레이터?


참고 : 이것은 전체 장치를 시뮬레이션하는 것이 아니라 iPhone 에서 브라우저시뮬레이션하는 것에 관한 질문 입니다. 여기에서 자세히 설명했듯이 Windows에서는 iPhone 장치 시뮬레이션이 불가능하다는 것을 알고 있습니다 .

나는 아이폰에서 볼 때 정말 이상해 보이는 웹 사이트를 가지고있다. 일종의 CSS 문제 다.

Windows 용 Safari (또는 해당 문제에 대한 다른 Windows 브라우저)에서 사이트를 볼 때 동일한 문제가 발생하지 않습니다.

그렇다면 Windows에서 실행되는 좋은 iPhone 브라우저 시뮬레이터가 있습니까? 즉, iPhone 브라우저와 동일한 방식으로 사이트를 렌더링합니다.

Chrome의 '요소 검사'개발자 기능과 같이 CSS를 자세히 검사하는 방법이있는 경우 보너스 포인트가 제공됩니다.

편집 : 궁금한 사람을 위해 제가 해결하려는 렌더링 문제는 여기에 설명되어 있습니다. iPhone에서 다르게 CSS 배경 이미지 렌더링


환경 설정> 고급에서 개발자 메뉴 항목을 설정하면 Safari 5에서 iPhone 사용자 에이전트를 시뮬레이션 할 수 있습니다. Safari 5의 웹킷 엔진은 iPhone의 브라우저와 유사하므로 대부분의 HTML 5 항목이 동일하게 작동합니다. 보너스로 개발자 탭을 사용하면 자바 스크립트와 일부 CSS를 디버깅 할 수 있습니다 (잘 지원되지 않음).


언급 된 모든 옵션을 시도했지만 마음에 들지 않았습니다 (기본적으로 데모 목적으로 흥미로운 플랫폼 별 구성 요소를 표시하지 않기 때문에 ).

이것이 당신에게 해당된다면 http://www.browserstack.com/을 추천합니다 .

불행히도 그것은 무료가 아닙니다.


[이제 질문이 꽤 오래되었다는 것을 알고 있지만 제 답변이 같은 질문으로 들어오는 사람들에게 도움이 될 수 있습니다 ...]

Google Canary 브라우저의 에뮬레이터가 Windows 컴퓨터에서 브라우저 호환성 문제를 테스트하는 데 가장 빠르고 가장 빠른 도구 중 하나라는 것을 알게되었습니다.

그것은 심지어 아이폰의 2x 장치 픽셀 비율을 에뮬레이트합니다.

확실히 시도해보고 문제가 재현되는지 확인하십시오.

http://www.google.co.in/intl/en/chrome/browser/canary.html

에뮬레이션을 시도하려면 F12 키를 누르고 일반적인 개발 도구 행 아래에이 스크린 샷과 같은 두 번째 행이 표시됩니다.

여기에 이미지 설명 입력

또한 널리 사용되는 많은 장치 브라우저를 렌더링합니다.

도움이 되었기를 바랍니다.


이것을 시도하십시오. 나는 이것을 크롬에서 시도했고 내가 방문한 사이트는 아이폰이 아닌 버전을로드했다. 아마도 사파리가 더 좋을 것입니다.

http://www.testiphone.com

http://iphonetester.com

업데이트 : 추가 조사 후, 이것들은 실제로 화면 크기를 제한하고 iOS Safari 렌더링 엔진을 사용하지 않는 것처럼 보입니다.


대답부터 시작하겠습니다.

Blackbaud 실험실은 여기에 오픈 소스 Abode Air 기반 iPhone 브라우저 시뮬레이션이 있습니다.

편집 : 새 링크 : ibbdemo2
(.air 바이너리를 얻으려면 다운로드 링크로 이동하십시오. Adobe Air가 설치되어 있어야합니다)

불행히도 내 특정 문제를 재현하지 못하므로 다르게 렌더링되어야합니다.

참고 URL : https://stackoverflow.com/questions/3882233/iphone-browser-simulator-for-windows

반응형