모바일 부가 기능을 테스트하기위한 브라우저 부가 기능

Question

HTML 페이지를 테스트하여 모바일 장치에서 어떤 모습인지보실 수있는 부가 기능이 있습니까? PhoneGap으로 개발 중이지만 Eclipse 에뮬레이터가 너무 느려서 항상 새로 고쳐야하므로 모바일에서 화면 해상도를 만드는 브라우저 확장을 원합니다.

Answer 1

화면 크기 만 신경 쓰는 경우 Firefox 15 (현재 Beta, 2 주 후에 출시 예정)의 웹 개발자 메뉴에서 Responsive Design View을 사용하면 "화면 크기"를 조정할 수 있습니다. 예를 들어, 360x640 (nHD 해상도)를 선택하고 페이지를 살펴볼 수 있습니다.

그러나 모바일 브라우저는 웹 페이지를 사용자 지정하여 조정하며 이러한 조정은 사용 된 브라우저에 따라 다릅니다. 예를 들어 파이어 폭스 모바일은 Font Inflation이라는 이름을 사용합니다. 데스크톱 브라우저에서는이를 재현 할 수 없으며 실제로 Firefox Mobile을 실행해야합니다. 문제 : 모바일 브라우저는 모바일에서만 실행됩니다. 모질라는 기본 안드로이드 UI로 전환 한 후에도 데스크톱 용 파이어 폭스 모바일 공급을 중단했습니다.

편집 : 파이어 폭스 (33)를 시작으로는, (이 방향으로 나를 가리키는 위해 Tomek 덕분에) 파이어 폭스에 내장 된 파이어 폭스 OS 시뮬레이터가있다. 시작하려면 open WebIDE을 클릭하고 "런타임 선택"을 클릭 한 다음 "Firefox OS 1.3"을 선택하십시오. 그러면 시뮬레이터가 시작될 것입니다. 파이어 폭스 아이콘을 클릭하기 만하면됩니다 (보통 오렌지색이 아닌 파란 색 아이콘입니다). 이제 실제 모바일 브라우저에서 웹 사이트를 테스트 할 수 있습니다.

Answer 2

Firefox OS simulator 트릭을 수행 할 수 있습니다. 그냥 설치하십시오. 실행하고 브라우저를 실행하십시오. :)