핸드 헬드에 대한 CSS 지원을 내 웹 사이트에 추가했지만 테스트를위한 좋은 도구를 찾을 수 없었습니다.웹 사이트에서 핸드 헬드 CSS를 테스트하기 위해 무엇을 사용합니까?
Firefox 용 webdeveloper 플러그인을 사용해 보았지만 나에게 적합하지 않습니다. 어쩌면 그 이유는 모든 내 CSS가 HTML과 별도의 CSS 파일이 아니기 때문입니다.
외출하고 휴대용 장치를 구입하는 것 외에 다른 테스트 도구가 있습니까?
은 내가 리드들에 대한 감사, 무엇을 찾고 있었다 발견했다.
보기 메뉴에서 "작은 화면"을 선택하면 Opera는 핸드 헬드 css를 표시합니다.
Visual Studio가 있으면 모바일 IE를 테스트 할 수있는 장치 에뮬레이터가 있거나 Microsoft 사이트에서 독립 실행 형으로 찾을 수 있어야합니다. Here are some for WM 5. 해당 브라우저를 테스트하는 데 사용할 수있는 OpenWave simulator이 있습니다. Blackberry simulators도 사용할 수 있으며 Blackberry 브라우저를 테스트 할 수 있습니다. 뷰포트 메타 태그를 확인할 수는 없지만 사파리로 iPhone 지원을 테스트 할 수 있습니다 (종류). 여기에 Opera Mini simulator이 있습니다.
또한, 귀하의 HTML :
내 CSS는 사용자 기본 설정 (기본 글꼴 크기/색상 등을 사용자 정의 할 수 있음)에 따라 사용자 정의되므로 포함되어 있습니다. 나는 정적 인 부분을 분리해야한다고 생각한다. 할 일 목록에 있습니다. – KPexEA
서버에서 동적으로 서비스를 제공 할 수도 있습니다. 서버 측 프로세스 (PHP 스크립트, 기타)가 customUser.css에 대한 요청을 처리하고 기본 설정을 기반으로 작성하십시오. 이렇게하면 브라우저에서 여전히 캐시 할 수 있습니다. –
나는 그것이 오래된 질문을 부활하는 것이 좋습니다 잘 모르겠어요,하지만 난 누군가가 발견 한 희망이 :
와 휴대용 CSS를 테스트 할 수있는 간단한 방법이있다 media queries과 :
@media handheld, screen and (max-width: 500px) { /* your css */ }
그런 다음 창 크기를 500 픽셀 미만으로 조정하여 미디어 쿼리를 구현하는 브라우저에서 테스트 할 수 있습니다.
멋진 .. 쉽고 작동! 감사 –
개발 환경에서 미디어 유형을 전환하는 것이 가장 적합하다는 것을 알게되었습니다.
예를 들어 "handheld"CSS를 테스트하는 경우 media atrib에 미디어 유형 "screen"을 추가하고 기본 CSS를 으로 주석 처리하십시오.
이 단계가 완료되면 일반적으로 실제 핸드 헬드 장치에서 테스트 할 수 있습니다.
<!-- <link rel="stylesheet" type="text/css" media="screen" href="screen.css" /> -->
<link rel="stylesheet" type="text/css" media="screen,handheld" href="handheld.css" />
아이폰 등 대부분의 스마트 폰과 일부 안드로이드 장치는 handheld.css를 인식하지 않습니다. 그들은 mediatype="screen"을 가지고 있으므로 이것을 short snippet of JavaScript에 포함시켜야합니다.
Windows에서 IE6에서 스크린 기반 CSS를 테스트 할 수도 있지만 권장하지는 않습니다. –
왜 내가 찾고있는 것을 찾았을 때 누군가가 이것을 downvote했을까요? 혼란 스럽습니다. – KPexEA
최신 (10.53) 버전의 Opera에서 "작은 화면"옵션이 표시되지 않습니다. 아마 그것은 제거되었습니다. –