웹앱을 타겟팅해야하는 최소 브라우저 또는 화면 해상도는 무엇입니까?

클라이언트 시스템에서 웹 애플리케이션의 최소 요구 사항을 결정할 때 다음을 수행하십시오.

1. 브라우저 -최소 하나의 브라우저를 대상으로하는 브라우저
2. 화면 해상도 -최소 하나의 대상이되는 화면 해상도

응용 프로그램의 유용성이 손상되지 않도록

W3Schools (예 :) 에는 브라우저 디스플레이에 대한 통계가 있습니다. 2010 년 1 월 기준 :

Higher    1024x768    800x600    640x480    Unknown
76%       20%         1%         0%         3%

더 높은 숫자는 새 테이블에 연결됩니다 . 그림에서 1024x768이 효과적인 최소 화면 해상도 인 것 같습니다. 그러나 모든 사람이 브라우저를 전체 화면 모드로 실행하는 것은 아닙니다.

도있다 브라우저 통계 페이지. 브라우저는 버전별로 분류됩니다 (예 : Firefox ). Firefox 및 Chrome과 같은 브라우저에서는 대다수가 최신 (베타 이외) 버전을 사용하고있는 것으로 보입니다. 나는 이것이 자동 업데이트 때문이라고 생각합니다.

보다 일반적인 다른 통계 사이트도 사용 가능하므로 인터넷 전체에서 브라우저 사용 및 화면 해상도를 더 잘 파악하려면 범위를 참조해야합니다.

특정 브라우저와 해상도를 타겟팅하는 대신 가능한 한 다양한 사용자가 사이트를 사용할 수 있다고 가정합니다. 다양한 화면 크기에 맞게 조정하고 모든 브라우저에서 작동하도록하십시오. 즉, 데스크톱 브라우징에 1024x768을 사용하는 것이 안전하다고 생각합니다.

더 글로벌 통계의 세트는 그 표시 1024x768, 실제로 가장 인기있는 해상도 그러나 사용자의 분포가 매우 다르다. 또한 넷북은 800x600끊지 않는 데 도움이된다고 생각 합니다.

최신 브라우저에서는 미디어 쿼리를 사용 하여 범위 를 타겟팅 할 수 있습니다 . 그들은 굉장하다. IE는 신경 쓰지 않는다고 가정하지만 IE9는 IE에 대한 지원을 약속합니다. 조건부 주석을 사용하여 최저 공통 분모 분해능을 IE로 보내거나 JavaScript를 사용하여 스타일 시트를 동적으로로드 할 수 있습니다. 제 생각에는 JavaScript를 통해 CSS를 동적으로로드하는 것은 끔찍한 생각입니다.

Jon Hicks라는 웹 디자이너는 최근 웹 사이트를 사용하여 웹 사이트를 다시 디자인 하고 거기로 이동하여 브라우저 창의 크기를 변경하여 작동 방식의 예를 봅니다. 현재 최대 뷰포트 너비에 따라 1 열에서 4 열까지의 레이아웃이 있습니다.

미디어 쿼리를 사용하면 "내 사이트가 iPhone 및 iPad를 지원합니까?"와 같은 것에 대해 스트레스를주지 않아도됩니다. 또는 "사용성을 유지하기 위해 어떻게 X 장치의 화면 크기를 대상으로 할 수 있습니까?" 지원하려는 화면 크기만큼만 디자인을 제작하면 사용자의 브라우저에 따라 미디어 쿼리가 나머지를 처리합니다.

해결 방법에 대한 최근 통계에 대한 결정을 내릴 수 있습니다. 일반 번호를 원하면 Net Applications 에서 일부를 찾을 수 있고 정확한 데이터를 원하면 웹 사이트에서 Google Analytic을 사용할 수 있습니다.

가장 먼저해야 할 일은 웹 앱을 사용할 대상 인구 통계를 결정하는 것입니다. 예를 들어, 주로 부유 한 미국 / 유럽 청중 (예 : 고급 제품 또는 하이테크 잡지 사이트 판매)을 대상으로하는 경우 웹을 만드는 경우와는 상당히 다른 요구 사항이 있습니다. 낡은 PC와 저해상도가 여전히 우세한 노인, 저개발 국가의 사람들을 대상으로하는 앱입니다. 예를 들어, 영국의 많은 지방 정부 고객이 여전히 IE6를 유일한 브라우저로 사용한다는 사실을 알고 있습니다.

그런 다음 많은 사람들이 스마트 폰, 넷북, 태블릿 등과 같은 모바일 장치의 웹 사이트에 액세스한다는 점을 고려해야합니다. 이들은 '이상한'해상도를 갖거나 Safari, Chrome 및 Opera Mobile과 같은 브라우저 사용자의 비율이 더 높을 수 있습니다. 또한 접근성 요구 사항이 다르거 나 다른 스타일 시트가 필요할 수도 있습니다.

가장 좋은 방법 중 하나는 Google Analytics (기존 사이트의)를 사용하여 실제 잠재 고객을 확인하는 것입니다. 그런 다음 실제 수치를 확인하여 자신에게 적합한 것을 결정하는 데 도움이되는 브라우저 분석 및 분석 분석을 볼 수 있습니다 .

전 세계 브라우저 시장 점유율 통계 확인

이 질문 은 전세계 브라우저 시장 점유율을 조회 할 수있는 포괄적 인 소스 목록을 제공합니다.

StatOwl 의 상위 3 개 평균은 다음과 같습니다 .

1024x768    26.75%
1280x800    18.69%
1280x1024   11.57%

다음은 Net Applications 의 상위 3 개 평균입니다 .

1024x768    24.27%
1280x800    17.98%
1280x1024   10.83% 

데이터에 따르면 최소 해상도는 1024x768이어야하지만 인구 통계에 따라 다릅니다.

귀하의 사이트가보다 많은 기업 고객을 대상으로하는 경우 800x600을 사용하십시오. 많은 회사 네트워크에서 여전히 Windows 2000을 사용하여 오래된 하드웨어를 실행하고 있습니다. 이것이 목표로 삼고있는 사용자 기반 인 경우 '현재의 표준'화면 해상도를 사용하면 청중을 소외시킬 수 있습니다.

http://isie6dead.com/ 비록이 링크가 일주일 정도 전에 역동적 이었음에도 불구하고, 그 존재의 기초는 여전히 유효합니다. IE6 브라우저가 너무 많으며 앞으로 10 년 동안 계속 될 것입니다 .

내 개인 프로젝트의 경우 IE6을 사용하는 경우 내 사이트로 인해 원숭이가 후부 밖으로 날아가는 지 걱정하지 않습니다. 직업의 경우 요구 사항이 다를 수 있으며 일반적으로 대상 사용자가 더 많고 나이가 많을수록 사이트가 640x480x4에서 IE6을 볼 가능성이 높습니다.

이 질문은 지정된 청중 없이는 정확하게 답변 할 수 없으며 iPhony 장치의 급증하는 무리를 완전히 무시합니다.

이전 글 에서 언급했듯이 , 브라우저 시장 점유율에 관한 Wikipedia 기사 는 6 가지 주요 소스의 정보를 통합하며 통계가 타겟팅 할 중요한 브라우저를 결정하는 데 가장 효과적 일 수 있습니다.

또한 사이트의 내용도 고려해야합니다. 예를 들어 비디오 카드 또는 모니터에 문제가있는 사람들을위한 기술 지원 포럼을 제공하는 경우 640x480에서 사용할 수 있습니다.

많은 사용자가 나이가 많거나 시력이 약한 경우 고해상도 화면을 사용하지만 글꼴이 매우 클 수 있으므로 허용해야합니다.