현재 화면 해상도보다 높은 해상도로 웹 페이지를 테스트하는 가장 좋은 방법은 무엇입니까?

내 화면이 1900px에 불과한 동안 2400px 해상도에서 내 웹 페이지의 CSS, HTML, 자바 스크립트 렌더링을 테스트 해야하는 반응 형 웹 사이트를 만들고 있습니다.

Chrome 브라우저에서 :

1. 를 누릅니다 F12. DevTools가 열립니다.

2. 오른쪽 하단에서 설정 아이콘을 클릭하십시오. DevTools 설정이 열립니다.

3. 왼쪽 메뉴에서 재정의로 이동하십시오.

4. 활성화 및 장치 메트릭을 확인하십시오.

5. 화면 해상도를 입력하십시오

나는 항상 그것을 사용합니다. 정말 편리합니다.

당신이 충돌하는 경우 Ctrl+ Shift+ M파이어 폭스의 최신 버전에 다음을 입력합니다 응답 디자인보기 실제 화면 크기보다 크게 브라우저 뷰포트의 크기를 조정할 수 있습니다. FF 26부터 스크린 샷을 찍고 터치 이벤트를 시뮬레이션 할 수도 있습니다.

^{전체 크기를 보려면 클릭}

창을 작게 한 후에 크기를 조정하는 것이 더 쉬울 수 있습니다. 한 번에 크기 조정기를 한 번에 더 끌 수 있습니다. 또는 드롭 다운에서 사용자 정의 사전 설정을 입력하십시오.

이 웹 사이트 를 사용하면 사전 설정된 해상도 중에서 선택하거나 사용자 정의 해상도를 입력 할 수있는 모든 화면 해상도로 웹 페이지를 테스트 할 수 있습니다. 이 줄이 도움이 되길 바랍니다.

이 질문은 아마도 웹 마스터에게 더 적합 할 것입니다. 그러나 나는 그것을 찌르고 ViewLikeUs 를 제안 할 것 입니다.

웹 사이트가 가장 인기있는 해상도 형식으로 어떻게 보이는지 확인할 수 있습니다.

비디오 카드의 제어판에서 사용자 정의 화면 해상도를 추가하십시오.

이 온라인 해상도 테스터를 사용해보십시오. 사이트를 테스트하고 사이트의 URL을 입력하고 해상도를 선택하고 확인하기 위해 다양한 해상도를 제공합니다.

http://www.webestools.com/resolution-tester-screen-size-page-design-test-screen-resolution-website-online-display.html

도움이 되었기를 바랍니다!!!

Chrome 용 애드온을 사용해 볼 수 있습니다 : 사용자 정의 해상도를 지원하는 해상도 테스터 :)

브라우저에서 확대 / 축소를 변경하면 축소 할 때 기본적으로 창 크기가 응용 프로그램에 더 큰 너비를보고합니다.

예를 들어 jsfiddle here , 버튼을 클릭하고보고하는 너비를 확인한 다음 약간 축소하고 동일한 버튼을 클릭하면 더 큰 크기로보고됩니다.

Chrome의 기기 에뮬레이터에서 맞춤 해상도 설정을 사용해보십시오. 브라우저의 줌 기능을 사용하는 것보다 더 많은 제어 기능을 제공합니다.

장치 에뮬레이터를 활성화하고 '확대 / 축소'옵션을 확인하십시오.

최대 9999px의 해상도를 수동으로 입력하거나 에뮬레이션 된 화면의 가장자리를 드래그합니다. 에뮬레이트 된 해상도는 자신의 뷰포트에 맞게 조정됩니다.

어쨌든 아래로 스크롤 할 수 있으므로 해상도 높이를 실제로 낮게 유지할 수 있습니다. 이렇게하면 검사기를 계속 열어 둘 수 있습니다. 웹 개발을위한 훌륭한 워크 플로우!