웹 사이트에서 핸드 헬드 CSS를 테스트하는 데 무엇을 사용합니까?

StackOverflow https://stackoverflow.com/questions/259330

문제

CSS 지원을 추가했습니다 핸드 헬드 내 웹 사이트에는 테스트하기에 좋은 도구를 찾을 수 없었습니다.

Firefox 용 WebDeveloper 플러그인을 사용해 보았지만 효과가 없습니다. 어쩌면 그것은 내 모든 CSS가 HTML에 있고 별도의 CSS 파일이 아니기 때문일 수 있습니다.

외출 및 핸드 헬드 장치 구매 외에 다른 테스트 도구가 있습니까?

도움이 되었습니까?

해결책

약간의 사냥과 함께 나는 내가 찾고 있던 것을 발견했습니다. 리드 사람들에게 감사드립니다.

오페라가 표시됩니다 핸드 헬드 CSS보기 메뉴에서 "작은 화면"을 선택한 경우.

다른 팁

오래된 질문을 부활시키는 것이 좋은 생각인지 확실하지 않지만 누군가가 그것을 찾기를 바랍니다 :)

핸드 헬드 CS를 테스트하는 간단한 방법이 있습니다. 미디어 쿼리: 

    @media handheld, screen and (max-width: 500px) { /* your css */ }

그 후 창을 500px 미만으로 크기를 조정하여 미디어 쿼리를 구현하는 브라우저에서 테스트 할 수 있습니다.

Visual Studio가있는 경우 Mobile IE를 테스트 할 수있는 장치 에뮬레이터가 있거나 Microsoft 사이트에서 독립형을 찾을 수 있습니다. WM 5 용은 다음과 같습니다. 있습니다 오픈파 시뮬레이터 해당 브라우저를 테스트 할 수 있습니다. 블랙 베리 시뮬레이터 BlackBerry 브라우저를 테스트 할 수 있습니다. 뷰포트 메타 태그를 확인할 수는 없지만 Safari를 사용하여 iPhone 지원을 테스트 할 수 있습니다. 있습니다 오페라 미니 시뮬레이터 여기.

또한 HTML에서 CSS를 꺼내십시오 :)

개발 환경에서 미디어 유형을 전환하는 것이 저에게 가장 적합하다는 것을 알았습니다.

예를 들어 "핸드 헬드"CSS를 테스트하는 경우 미디어 유형 "화면"을 Media atrib에 추가하고 기본 CSS를 주석 만 추가하십시오.

이 단계가 완료되면 일반적으로 실제 핸드 헬드 장치에서 테스트하고 싶을 것입니다.

<!-- <link rel="stylesheet" type="text/css" media="screen" href="screen.css" /> -->
<link rel="stylesheet" type="text/css" media="screen,handheld" href="handheld.css" />

iPhone을 테스트하려면 iPhone SDK를 얻을 수 있습니다. 여기그러나 공식적인 방법을 실행하려면 OS X / Apple 컴퓨터가 필요합니다.

공식/해킹이 아님 :

  • STANDART PC 하드웨어에서 OS X를 실행하는 방법이 있습니다. 여기.
  • 또는 설명 된 Linux / VMware에서 SDK를 실행하십시오. 여기.

행복한 해킹!

Huibert Gill

iPhone 및 일부 Android 장치와 같은 대부분의 스마트 폰은 handheld.css. 그들은 mediatype="screen" 따라서 이것을 포함시켜야합니다 JavaScript의 짧은 스 니펫.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top