iPhone / iPad 브라우저 시뮬레이터?
Windows 데스크톱의 iPhone 및 iPad에서 내 웹 페이지가 어떻게 보이는지 확인해야합니다. 이것이 가능한가?
빠른 검색을 통해 내가 원하는 것처럼 보였던 일부 iPhone 테스트 사이트가 나왔습니다. 그러나 내 iPhone과 비교할 때 그들은 매우 부정확합니다! 가능한 한 100 %에 가까운 정확도가 정말 필요합니다.
XCode에 100 % 정확한 시뮬레이터가 있습니까? XCode를 실행하려면 Mac이 필요하다는 것을 이해합니다.
Xcode와 함께 제공되는 iPhone / iPad 시뮬레이터에는 Safari가 포함되어 있습니다. 시뮬레이터에서 Safari를 실행하면 웹 사이트를 볼 수 있으며 실제 기기에서와 동일하게 표시되어야합니다. 이것은 일반적인 레이아웃 테스트에서 작동 할 수 있습니다. 그러나 시뮬레이터이기 때문에 모든 기능이 실제 iOS 장치를 사용하는 것과 정확히 동일하지는 않을 수 있습니다.
웹 사이트를 작성 중이고 주어진 장치에서 제대로 보이는지 확인해야하는 경우 실제 장치에서 웹 사이트를 테스트해야합니다. 실제 하드웨어로 테스트하는 것은 비즈니스 비용의 일부입니다.
그리고 예, Xcode를 실행하려면 Mac이 필요합니다.
이제 Chrome 과 Firefox 모두 에뮬레이터가 내장되어 있습니다. 완벽하지는 않지만 실제 장치에서 테스트하기 전에 거의 모든 방법을 사용할 수있을만큼 충분합니다. 가장 좋은 점은 브라우저의 개발자 도구 ( Chrome , Firefox )가 마음에 들면 에뮬레이션하는 동안 사용할 수 있다는 것입니다.
에뮬레이터를 가져 오려면 [Ctrl + Shift + M]을 누르고 에뮬레이션 할 장치를 선택합니다. 페이지로드시 실행되는 스크립트에 의존하는 항목이있는 경우 페이지를 새로 고쳐야 할 수 있습니다.
Internet Explorer 에는 장치 에뮬레이션 모드도 있습니다. F12를 누른 다음 Ctrl + 8을 누릅니다. Chrome 모바일 장치 에뮬레이션만큼 간단하지는 않지만 위치 정보를 시뮬레이션 할 수 있습니다.
내가 사용하는 온라인 시뮬레이터 / 에뮬레이터
1) 재결합
브라우저 창 크기를 휴대폰 크기로 조정 하는 것과 달리 스마트 폰과 동일하게 작동 하는 미세 시뮬레이터 . safari에서 주소 표시 줄을 편집 할 수 없다고 혼동하지 마십시오. deveolper 도구 (일반적으로 F12)를 열고 iframe의 소스 URL을 사용자의 것으로 다시 작성하면됩니다. 링크 : http://recombu.com/mobile/interactive/ios7-demo/
2) 응답자
recombu처럼 작동하는 것처럼 보이지만 텍스트 입력으로 URL을 직접 열 수 있으며 확대 / 축소 할 수 있습니다.
링크 : http://www.responsimulator.com/
3) 형상 변환
이것은 웹 페이지를 처리하는 것처럼 보이지만 오래된 iPhone을 에뮬레이트합니다.
링크 : http://transmog.net/iphone-simulator/mobile-web-browser-emulator.php
X) Google IT / 인터넷 검색
다른 시뮬레이터 / 에뮬레이터 및 새 버전을 확인하려면 항상 Google (또는 다른 인터넷 검색 자)을 사용하십시오.
이에 대한 Google 검색 예시 링크 :
https://www.google.cz/search?q=online+iphone+emulator
브라우저 장치 모드
브라우저의 개발자 도구 (Chrome F12)를 열면 장치 모드를 전환하는 옵션이있을 것입니다 (Chrome에서는 왼쪽 상단에 작은 스마트 폰 아이콘).
이 옵션을 선택하면 GUI가 변경되고 시뮬레이션 할 장치를 선택할 수있는 옵션을 제공합니다 (Chrome에서는 맨 위에 있음- "장치"옵션 선택). 장치를 선택한 후 시뮬레이터의 정확성을 보장하기 위해 페이지를 새로 고치는 것이 좋습니다.
지금은 최고의 에뮬레이터가 https://app.crossbrowsertesting.com 이라고 생각합니다.
실제 크기와 가상 키보드 (가장 중요한 것), 확대 / 축소 이벤트 ...
또한 https://appetize.io/demo 에는 같은 것이 있지만 시간 제한이 있습니다.
Xcode의 시뮬레이터에서 safari를 실행할 수 있으며 iPad 및 iPhone을 정확하게 에뮬레이션해야합니다. 내가 좋은 리뷰를 들었던 시장에서 또 다른 것은 Ripple for chrome 입니다.
실제 장치에서 테스트하는 것보다 좋은 대안은 없습니다.
실제 장치는 디스플레이 밀도가 높기 때문에 픽셀이 더 작습니다. 실제 장치에서 테스트하지 않으면 디자인에 너무 작아서 읽을 수없는 텍스트 나 탭하기에는 너무 작은 버튼이 포함되어 있다는 사실을 깨닫지 못할 수 있습니다.
마우스가 아닌 손가락으로 실제 장치를 사용합니다. 즉, 탭의 정확도가 훨씬 낮고 탭하는 내용이 손가락으로 가려집니다. 실제 장치에서 테스트하지 않으면 디자인에 사용성 문제를 도입했다는 사실을 깨닫지 못할 수도 있습니다.
XCode 는 iPad 및 iPhone 용 시뮬레이터와 함께 제공됩니다 .
OS X에서 Safari를 사용 하여 iOS 기기에서 웹 사이트를 디버깅 할 수도 있습니다 .
Chrome 에서 Ripple 에뮬레이터 를 사용할 수 있습니다 .
저는 Mobilizer를 사용 하고 있습니다.무료 앱
현재 Iphone4, Iphone5, Samsung Galaxt S3, Nokia Lumia, Palm Pre, Blackberry Storm 및 HTC Evo에 대한 기본 시뮬레이션이 있습니다. 간단하고 간단하고 효과적입니다.
내가 사용하는 모바일 브라우저 에뮬레이터 크롬 플러그인 아이폰 장치 유형이 인을. 실제로 사용자 에이전트 및 기반 반응 형 페이지가 렌더링되는 장치의 크기를 사용합니다.
참고 URL : https://stackoverflow.com/questions/15506708/iphone-ipad-browser-simulator
'Programing' 카테고리의 다른 글
| 인트라넷에서 "Internet Explorer 8"브라우저 모드 강제 실행 (0) | 2020.11.02 |
|---|---|
| PostgreSQL 쿼리에서 행 번호를 표시하는 방법은 무엇입니까? (0) | 2020.11.02 |
| WebClient (C #)에 인증서를 어떻게 추가 할 수 있습니까? (0) | 2020.11.02 |
| 매개 변수가있는 자바 스크립트 이벤트 핸들러 (0) | 2020.11.02 |
| 개행 문자를 제거하기 위해 bash 명령 대체를 피하는 방법은 무엇입니까? (0) | 2020.11.02 |