it-gundan.com

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

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

  1. 브라우저-최소한 하나의 대상을 지정해야하는 브라우저
  2. 화면 해상도-어느 화면 해상도에서 최소 하나의 대상을 지정해야합니까

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

18
Julius A

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

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

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

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

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

8
ChrisF

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

6
Oren Hizkiya

보다 포괄적 인 통계 집합1024x768이 (가) 가장 인기있는 해상도이지만 사용자 분포는 매우 다릅니다. 또한 넷북이 800x600 끊기를 돕고 있다고 가정합니다.

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

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

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

5
Bryson

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

2
HoLyVieR

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

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

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을 사용하여 오래된 하드웨어를 실행하고 있습니다. 이것이 목표로 삼고있는 사용자 기반 인 경우 '현재의 표준'화면 해상도를 사용하면 청중을 소외시킬 수 있습니다.

1
Evan Plaice

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

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

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

1
Dan Diplo

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

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

0
Colin Coghill

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

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

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

0
msw

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

0
mvark