브라우저가 내 화면보다 높은 해상도로 내 웹 사이트를 테스트 할 수있는 방법이 있습니까?
예 : 1440 x 900 화면이 있고 1920 x 1200, 1920 x 1080 등으로 웹 사이트를 테스트하고 싶습니다.
답변
[편집 : 먼저 브라우저의 devtools를 확인하세요! @SkylarIttner가 댓글에서 지적했듯이 반응 형 디자인 테스트 도구는 아래 솔루션이 게시 된 이후 대부분의 브라우저에서 출시되었습니다. 지금은 가장 좋은 / 가장 쉬운 옵션 일 것입니다.]
당신은 내가 틀렸다면, 단지와 iframe이를 만들 날 수정 수 style="desired width & height"와 src="your/test.site"의 유일한 자식으로 <body>. 해상도가 지정된 너비 / 높이 인 것처럼 사이트를 표시하고이를 검사하기위한 스크롤 막대가 표시되어야합니다.
직접 설정해야하는 타사를 사용하는 것만 큼 편리하지는 않지만 인터넷 연결없이 로컬에서 테스트 할 수 있다는 장점이 있습니다.
답변
이 솔루션은 위에서 제안한 것보다 훨씬 빠릅니다.
http://www.infobyip.com/testwebsiteresolution.php
browsershots.org만큼 다재다능하지는 않지만 훨씬 빠릅니다 (몇 초 대 45 분 대기열).
답변
몇 가지 아이디어 :
브라우저 확대 / 축소 사용, 1024×768 50 % 확대 / 축소 = 2048×1536 시뮬레이션 해상도, Chrome이 이미지 크기 조정 등을 알고 있습니다. 읽기가 어려워 지지만 배치 등을 테스트하고 있다고 가정합니다.
또한 일부 스크린 샷 프로그램을 사용하여 일반 해상도 스크린 샷보다 더 높은 스크린 샷을 찍을 수 있습니다 (파이어 폭스의 파이어 샷을 사용하면이 작업을 수행 할 수 있었지만 해상도가 매우 높은 메모리 문제가 있었고 더 이상 무료가 아닙니다).
답변
과잉 일 수도있는 한 가지 해결책은 Xvfb 를 사용하는 것 입니다. 원하는 해상도와 색 농도를 설정하고 브라우저에서 페이지를로드하고 스크린 샷을 찍습니다.
답변
viewlike.us 또는 screen-resolution.com을 사용해보십시오 . 가능한 모든 해결 방법은 아니지만 최소한 가장 일반적인 해결 방법입니다.
나는 그들을 시도하지 않았지만 꽤 간단 해 보인다.
답변
이것이 테스트의 정확한 해상도를 알려주지는 않지만 zoomChrome 또는 FF 의 도구를 사용하여 축소 할 수 있습니다. 이것은 고해상도 화면에서 사이트가 어떻게 보이는지에 대한 상당히 정확한 아이디어를 제공합니다.
답변
사이트의 정적 스크린 샷 만 봐도 괜찮다면 http://browsershots.org/를 추천합니다.
화면 크기를 지정하는 기능과 기타 다양한 옵션을 포함하여 거의 모든 브라우저 / OS 조합에서 사이트의 스크린 샷을 볼 수있는 옵션을 제공합니다.
북마크 할 가치가 있습니다.
