귀하의 웹 사이트는 어떤 브라우저를 지원해야합니까?

이 기사는 Siteground와 공동으로 작성된 일련의 기사의 일부입니다. Sitepoint를 가능하게 한 파트너를 지원해 주셔서 감사합니다.

웹 사이트/앱은 어떤 브라우저를 지원해야합니까? 이것은 고객과 개발자가 자주 묻는 질문입니다. 간단한 대답은 상단 N 주류 응용 프로그램을 나열하는 것입니다. 그러나이 전략이 무의미 해졌습니까?

키 포인트

웹 사이트 지원 브라우저가 어떤 브라우저를 지원 해야하는지에 대한 질문은 쉽지 않으며, 대상 고객, 웹 사이트 유형 및 사용 가능한 리소스와 같은 다양한 요소에 따라 다릅니다.

모든 종류의 브라우저에도 불구하고 그들은 모두 같은 목표를 가지고 있습니다 : 웹 페이지 렌더링. 그러나 정확히 같은 방식으로 두 개의 브라우저가 렌더링되지 않으므로 최첨단 기술을 사용할 때 더 명백한 미묘한 차이로 이어집니다.

진보적 인 향상 기술은 기준선을 설정 한 다음 지원할 때 CSS 및 JavaScript로 웹 사이트가 올바르게 작동하도록하는 데 도움이 될 수 있습니다. 그러나 이는 풍부한 사용자 정의 인터페이스가있는 응용 프로그램의 경우 실용적이지 않습니다.

개발자는 웹을 장치 독립적 플랫폼으로 생각하고 방어 개발 기술을 채택하며 다양한 응용 프로그램에서 프로젝트를 테스트해야합니다. 또한 기술이 발전하고 있으며보다 복잡한 웹 사이트 나 응용 프로그램에는 지속적인 유지 보수가 필요할 수 있습니다.

가장 일반적으로 사용되는 브라우저는 무엇입니까?

STATCOUNTER의 2017 년 5 월 통계에 따르면 상위 10 개의 데스크탑 브라우저는 다음과 같습니다. 1. Chrome -59.37% 시장 점유율 2. Firefox -12.76% 3. 사파리 -10.55% 4. IE —8.32% 5. 가장자리 —3.42% 6. 오페라 - 1.99% 7. 안드로이드 (태블릿) -1.24% 8. Yandex Browser-0.48% 9. UC 브라우저 -0.41% 10. Coc Coc——0.33%
• 모바일 장치는 이제 모든 웹 페이지 사용량의 54.25%를 차지하므로 상위 10 개 모바일 브라우저를 확인해야합니다. 1. Chrome -49.23% 2. 사파리 -17.73% 3. UC 브라우저 -15.89% 4. 삼성 인터넷-6.58% 5. 오페라 - 5.03% 6. 안드로이드 -3.75% 7. Iemobile —0.68% 8. Blackberry—0.26% 9. 가장자리 —0.15% 10. 노키아 —0.12%
글로벌 통계는 전체 이야기를 말하지 않습니다 .- 패턴은 지역마다 크게 다릅니다. 예를 들어 Yandex는 러시아에서 두 번째로 일반적으로 사용되는 브라우저 (12.7% 점유율)입니다. Sogou는 중국에서 가장 일반적으로 사용되는 브라우저입니다 (6.5%). Opera Mobile/Mini는 아프리카에서 28%의 점유율을 차지했습니다.
• 새로운 브라우저 버전이 정기적으로 나타납니다. Chrome, Firefox 및 Opera는 몇 달 전의 6 주마다 업데이트를받습니다.
  • 동일한 브라우저가 다른 장치와 운영 체제에서 다르게 작동 할 수 있습니다. Chrome은 Windows, MacOS, Linux, Android, iOS 및 Chromeos의 모든 버전에서 사용할 수 있지만 어디서나 동일한 응용 프로그램은 아닙니다.
  게임 콘솔, 전자 책 독자 및 스마트 TV를 포함한 다양한 장치에는 다양한 기존 및 새로운 버전, 독특하고 흥미로운 브라우저가 있습니다.
  • 웹 사이트의 분석 데이터는 전 세계 통계와 일치하지 않습니다.
  브라우저가 그렇게 다릅니 까?
  • 응용 프로그램이 많지만 모든 브라우저는 동일한 목표를 가지고 있습니다.
  는 웹 페이지 를 나타냅니다. 그들은 렌더링 엔진을 사용하여이를 달성하며, 몇 가지 크로스 우주가 있습니다. 1. Webkit은 MacOS 및 iOS의 Safari에 사용됩니다. 2. Blink는 현재 Chrome, Opera, Vivaldi 및 Brave에 사용되는 Webkit의 지점입니다. 3. Gecko는 Firefox에서 사용됩니다. 4. Trident는 Internet Explorer에서 사용됩니다. 5. Edgehtml은 Edge에서 사용하기 위해 Trident의 업데이트 된 버전입니다.
  대부분의 브라우저는이 엔진 중 하나를 사용합니다. 그들은 다른 팀과 다른 프로젝트이지만,이 회사들은 W3C를 통해 함께 협력하여 모든 사람이 같은 방식으로 새로운 기술을 채택 할 수 있도록합니다. 최신 스마트 폰 앱이 데스크탑 앱과 일치하는 브라우저는 그 어느 때보 다 더 가깝습니다. 그러나 두 브라우저는 정확히 같은 방식으로 렌더링하지 않습니다. 대부분의 차이점은 미묘하지만, 최첨단 기술로 전환함에 따라 이러한 차이는 더욱 분명해집니다. 특정 기능은 한 브라우저에서 완전히 구현 될 수 있으며 다른 브라우저에서는 부분적으로 구현되며 다른 브라우저가 아닌 다른 브라우저에서 구현 될 수 있습니다.

  모든 브라우저에서 내 웹 사이트를 실행할 수 있습니까? 예. PRESTIVERES EXENCEMENT (PE)와 같은 기술은 기준선 (아마도 HTML 만 해당)을 설정 한 다음 지원할 때 CSS 및 JavaScript를 사용하여이를 향상시킵니다. 최신 브라우저는 최신 레이아웃, 애니메이션 효과 및 대화식 위젯을 얻을 수 있습니다. 구형 브라우저는 스타일이없는 HTML 만 얻을 수 있습니다. 다른 모든 브라우저는 그 사이에 콘텐츠를 얻습니다. PE는 기본 양식 기반 기능을 갖춘 콘텐츠 웹 사이트 및 응용 프로그램에 적합합니다. 풍부한 사용자 정의 인터페이스가있는 응용 프로그램으로 이동하면 실용적이지 않습니다. 새로운 공동 작업 비디오 편집 앱은 10 년 전 IE7에서 실행되지 않을 것입니다. 3G 네트워크의 작은 화면 장치에서는 작동하지 않을 수 있습니다. 아마도 대체 인터페이스가 제공 될 수 있지만 결과는 소수의 사람들이 사용하고자하는 별도의 서투른 응용 프로그램 일 수 있습니다. 레거시 브라우저 사용자 기반의 크기가 주어지면 비용은 엄청납니다.

  사이트 소유자의 조언

  웹 사이트 소유자는 웹의 다음 기본 원칙과 제약을 이해해야합니다. 웹이 인쇄되지 않습니다! 귀하의 웹 사이트/앱은 어디에서나 동일하게 보이지 않습니다. 각 장치에는 다른 운영 체제, 브라우저, 화면 크기, 기능 등이 있습니다. 기능은 귀하의 웹 사이트가 모든 사람을 위해 작동 할 수 있지만 경험과 시설은 다를 수 있습니다. 날짜 입력 필드만큼 기본적인 것조차도 여러 가능성이 있지만 이상적으로 핵심 애플리케이션은 계속 작동합니다. 프로젝트를 현실적으로 평가하십시오. 콘텐츠 웹 사이트, 간단한 앱, 데스크탑과 같은 앱, 빠르게 진행되는 게임 등입니다. 브라우저 호환의 기본 수준을 설정하십시오. 예를 들어, 2 년 전 대부분의 브라우저에서 600 픽셀의 화면 너비가 빠른 Wi-Fi 연결을 통해 실행되어야합니다. 잠재 고객을 평가하고 글로벌 브라우저 통계에 의존하지 마십시오. 주요 사용자는 누구입니까? 그것들은 IT 또는 기술자에 익숙하지 않습니까? 개인, 소규모 회사 또는 정부 기관입니까? 그들은 책상에 앉아 있거나 돌아 다니고 있습니까? 모든 사람이 모든 사람에게 작동하지 않습니다 - 핵심 사용자에게 먼저 집중하십시오. 가능한 경우 기존 시스템의 분석 데이터를 확인하지만 기본 데이터를 이해하십시오. 응용 프로그램이 Opera Mini에서 실행되지 않으면 Opera Mini 사용자가 없을 것 같지 않습니다. 시장의 많은 부분을 차단 했습니까? 20 년 전에 작성된 웹 페이지는 오늘날에도 여전히 작동합니다. 반드시 예쁘거나 사용 가능하지는 않지만 브라우저는 여전히 뒤로 호환됩니다. (대부분. 태그는 여전히 유효하지 않습니다!) 그러나 기술은 지속적으로 발전하고 있습니다. 웹 사이트 나 응용 프로그램이 복잡할수록 지속적인 유지 보수가 필요할 가능성이 높습니다. 웹 개발자 조언

  약간의주의를 기울이는 한 다양한 브라우저를 지원할 수 있습니다. 웹을 수용하십시오! 웹은 장치 독립적 인 플랫폼입니다. 컨텐츠 및 더 간단한 인터페이스는 현대식 랩톱, 기능 전화, 게임 콘솔, IE6 등 어디에서나 실행할 수 있습니다. 점진적인 향상의 기본 사항을 배우십시오. 전체 응용 프로그램에 사용하지 않기로 선택하더라도 여전히 귀중한 기능 영역이 여전히 있습니다. 방어 개발 기술을 사용하여 최근의 사전 쓰기 모듈, 라이브러리 또는 프레임 워크를 사용하기 전에이를 고려합니다. 시작하기 전에 기술의 의미를 배우십시오. 프레임 워크는 제한된 수의 응용 프로그램에서 테스트되었으므로 브라우저 지원 목록을 제공해야합니다. 브라우저 제한 및 기발한 것에 대해 알아보십시오. 예를 들어, SVG 차트 사용을 고려하는 경우 IE9에서 11에서 이상하게 보일 수 있으며 IE8 이하에서 실패 할 수 있습니다. 이것은 SVG 거부 또는 IE 지원을 포기하는 것 사이에서 이진 선택을해야한다는 의미는 아닙니다. 주요 개발 노력을 일으키지 않는 일부 트레이드 오프가 항상 있습니다. 예를 들면 :- SVG 렌더링을 수락하는 것은 이상하지만 여전히 사용할 수 있습니다 <blink></blink>.

  는 데이터 테이블을 IE 또는 에만 표시합니다 는 IE 사용자가 다른 곳에서 열 수있는 SVG 다운로드를 제공합니다.
  조기 테스트하고 종종 테스트하면 모든 장치를 테스트 할 수는 없지만 브라우저 하나만 개발하는 것은 쓸모가 없습니다. 다양한 응용 프로그램에서 프로젝트를 지속적으로 테스트하십시오. 끝까지 테스트를 저장하면 치명적인 결과가 발생합니다. 우리는 도구와 브라우저의 결함을 쉽게 비난 할 수 있지만 조기에 감지되면 대부분의 문제를 개발 중에 수정할 수 있습니다. 이것은 모든 브라우저가 매번 똑같은 방식으로 실행되어야한다고 말하는 것은 아닙니다. 기능적 회귀는 불가피합니다. 예를 들어 : - 프로그레시브 웹 앱은 iPhone 및 iPad에서 오프라인으로 작동하지 않지만 온라인 작업은 괜찮습니다.
  IE는 CSS 그리드를 지원하지 않지만 플로팅, 플렉스 박스 또는 전체 폭 블록 폴백을 허용해야합니다.
  Firefox의 데스크탑 버전에는 날짜 필드의 캘린더가 표시되지 않지만 사용자는 여전히 날짜를 입력 할 수 있습니다.
  개발 PC에 일부 브라우저를 설치하십시오. Mac 및 Linux 사용자는 Developer.microsoft.com/microsoft-edge/에서 Microsoft Edge 및 IE 테스트 도구를 얻을 수 있습니다. Windows 및 Linux 사용자의 경우 Safari를 테스트하는 것이 더 어렵습니다. 최신 브라우저에는 우수한 모바일 에뮬레이션 기능이 있지만 일부 실제 장치는 느린 하드웨어 및 네트워크의 터치 제어 및 성능을 이해하는 데 사용될 수 있습니다. 터미널에서 httpsweb를 사용하면 점차 HTTP가 선호되는 프로토콜을 만들고 있으며 이러한 추세는 계속됩니다. Google Chrome은 비 HTTPS 사이트를 불안한 것으로 표시하기 시작했는데, 이는 웹 사이트를 HTTPS를 사용하도록 구성 해야하는 좋은 이유입니다. 예를 들어, 웹 호스팅 파트너 Siteground를 사용하면 고객이 HTTPS로 쉽게 마이그레이션 할 수 있습니다. 이를 위해 모든 새로운 WordPress 계정의 경우 SSL 인증서를 자동으로 설치하고 기존 계정의 경우 한 번의 클릭만으로 HTTPS로 전환했습니다.
  • 당신은 아직이 질문에 대답하지 않았습니다!
  
  질문 "어떤 브라우저를 지원해야합니까?" 답변이 단지 "크롬"이라고 가정하면 :-
  • 어떤 장치와 운영 체제가 실행됩니까?
  어떤 화면 크기 범위가 지원됩니까?
  어떤 버전을 언급하고 있습니까? 최신? 크롬 10 이상?

  새 버전의 Chrome이 출시되면 어떻게됩니까?

  Chrome이 실제로 응용 프로그램의 런타임이되면 다른 브라우저는 어떻게됩니까?

  고객 대면 프로젝트의 경우 브라우저 지원 목록을 제공하는 것이 실용적이되었습니다. 가장 좋은 대답은 "가정 된 사용자 통계를 기반으로 프로젝트를 개발 한 다음 예산 및 시간 제약 조건을 기반으로 가능한 많은 장치, 운영 체제, 브라우저 및 버전에서 테스트 할 것"입니다. 그럼에도 불구하고 CEO가 주장하는 오래된 블랙 베리를 놓칠 것입니다. 브라우저가 아닌 웹 개발-. 웹 사이트 브라우저 지원 (FAQ)에 대한 FAQS

  FAQ 웹 사이트가 지원해야 할 가장 인기있는 웹 브라우저는 무엇입니까? 웹 사이트가 지원 해야하는 가장 인기있는 웹 브라우저에는 Google Chrome, Mozilla Firefox, Safari, Microsoft Edge 및 Internet Explorer가 포함됩니다. 이 브라우저는 대다수의 인터넷 사용자를 다룹니다. 그러나 웹 사이트가 지원 해야하는 특정 브라우저는 웹 사이트의 대상 고객과 선호하는 브라우저에 따라 다를 수 있습니다. 내 웹 사이트를 지원 해야하는 브라우저를 결정하는 방법은 무엇입니까?

  웹 사이트의 트래픽 데이터를 분석하여 웹 사이트가 지원해야 할 브라우저를 결정할 수 있습니다. 이 데이터는 방문자가 사용하는 브라우저를 보여줄 수 있습니다. 대상 고객에서 가장 인기있는 브라우저를 고려할 수도 있습니다.

  여러 브라우저를 지원하는 것이 왜 중요한가?

  
  여러 브라우저를 지원하는 것이 중요합니다. 가능한 한 많은 사용자가 웹 사이트에 액세스 할 수 있도록합니다. 다른 사용자는 개인 선호도, 장치 호환성 또는 기타 요인으로 인해 다른 브라우저를 선호 할 수 있습니다. 여러 브라우저를 지원하면 모든 방문자에게 긍정적 인 사용자 경험을 제공 할 수 있습니다.

  다른 브라우저로 내 웹 사이트의 호환성을 테스트하는 방법은 무엇입니까?

  다양한 도구와 서비스를 사용하여 다른 브라우저로 웹 사이트의 호환성을 테스트 할 수 있습니다. 이러한 도구는 다른 브라우저에서 웹 사이트의 외관 및 기능을 시뮬레이션하여 호환성 문제를 식별하고 수정할 수 있습니다.

  이전 브라우저를 지원하는 데 어떤 어려움이 있습니까?

  레거시 브라우저 지원은 최신 웹 기술을 지원하지 않기 때문에 어려울 수 있습니다. 웹 사이트에서 제공 할 수있는 기능과 기능이 제한 될 수 있습니다. 또한 이전 브라우저와의 호환성을 유지하려면 추가 시간과 리소스가 필요할 수 있습니다.

  브라우저 지원 정책을 얼마나 자주 업데이트해야합니까?

  브라우저 사용 및 기술의 변경 사항을 따라 브라우저 지원 정책을 정기적으로 업데이트해야합니다. 업계와 대상 청중이 얼마나 빨리 변화하고 있는지에 따라 몇 달마다 발생할 수 있습니다.

  진보적 인 향상은 무엇이며 브라우저 지원과 어떤 관련이 있습니까?

  Progressive Enhancement는 기본 기능으로 시작한 다음이를 지원하는 브라우저에 고급 기능을 추가하는 웹 디자인 전략입니다. 이 방법을 사용하면 브라우저의 기능에 관계없이 모든 사용자가 웹 사이트에 액세스 할 수 있습니다.

  모바일 브라우저 지원과 데스크탑 브라우저의 차이는 어떻게 지원됩니까?

  모바일 브라우저 지원은 여러 측면에서 데스크탑 브라우저 지원과 다릅니다. 모바일 브라우저는 일반적으로 데스크탑 브라우저와 비교하여 다양한 기능과 제한 사항이 있습니다. 또한 모바일 사용자의 요구와 기대치가 다를 수있어 지원 전략에 영향을 줄 수 있습니다.

  일반 브라우저 호환성 문제는 무엇입니까? 이러한 문제를 해결하는 방법은 무엇입니까?

  일반 브라우저 호환성 문제에는 레이아웃 문제, 기능 문제 및 성능 차이가 포함됩니다. 이러한 문제는 종종 브라우저 크로스 테스트 도구를 사용하고 웹 개발 모범 사례에 따라 웹 사이트 코드를 정기적으로 업데이트하여 해결할 수 있습니다.

  이전 브라우저를 사용하는 사용자가 내 웹 사이트에 액세스 할 수 있는지 확인하는 방법은 무엇입니까?

  는 점진적 향상을 사용하거나 웹 사이트의 대체 버전을 제공하거나 사용자가 브라우저를 업데이트하도록 장려하는 메시지를 제공하여 이전 브라우저를 사용하여 이전 브라우저를 사용하여 웹 사이트에 액세스 할 수 있도록 웹 사이트에 액세스 할 수 있습니다.

위 내용은 귀하의 웹 사이트는 어떤 브라우저를 지원해야합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!