프로그레시브 웹 앱을 지원하는 상위 10개 이상의 브라우저(2022년 업데이트)

게시 됨: 2022-06-28

Progressive Web Apps의 가장 중요한 기능 중 하나는 적응형이라는 것입니다. 즉, 브라우저의 화면 크기 및 기능과 관련하여 항상 최상의 경험을 제공합니다. 그러나 각 브라우저의 기능 및 PWA(Progressive Web App) 기능과의 호환성을 아는 것은 여전히 유용합니다. 다음은 가장 널리 사용되는 PWA 지원 브라우저 및 호환성 목록입니다. 아래 표에 모두 요약되어 있습니다. 자신에게 맞는 브라우저를 선택하고 화면 유형 및 운영 체제를 고려하여 다양한 기능과의 호환성을 확인하십시오.

내용물

PWA 지원 브라우저

주요 웹 브라우저 제공업체는 이러한 응용 프로그램의 최근 인기로 인해 PWA를 지원하기 위해 이후 버전에 기능 개선 사항을 추가했습니다. 아래 나열된 브라우저 및 버전은 호환됩니다.

데스크톱 브라우저(전체 지원): Chrome, Firefox, Opera, Edge, Safari
데스크탑 브라우저(부분 지원/구버전): QQ Browser, Baidu Browser
모바일 브라우저(전체 지원): Chrome, Firefox, Safari, UC Browser, Samsung Internet, Mint Browser, Wechat
모바일 브라우저(일부 지원/구버전): QQ Browser, Android 브라우저, Opera Mobile

PWA 브라우저 지원	개요
크롬	Chrome은 가장 인기 있는 브라우저일 수 있지만(Apple 기기 제외) 모든 면이나 대부분의 기능에서 최고는 아닙니다. Chrome에서 사용할 수 없는 기능이 있지만 Firefox, Opera 또는 Safari와 같은 다른 브라우저에는 대신 기능이 있습니다. Chrome이 좋은 프로그램이 아니라는 것은 아니지만 더 나은 옵션이 있다는 것을 알아야 합니다. 모바일 장치의 경우: Chrome에서는 Edge와 마찬가지로 PWA를 지원하는 사이트의 주소 표시줄에 버튼이 나타납니다. 데스크톱 기기의 경우: Chrome의 경우 PWA 기능을 완전히 지원하는 사이트의 경우 기본 Chrome 메뉴에 앱 설치 옵션이 표시됩니다. 해당 옵션을 선택하면 앱 아이콘이 홈 화면에 나타납니다. (PWA 기능이 없는 영역의 경우 홈 화면에 추가를 선택할 수 있습니다.) 길게 누르기 옵션에는 여전히 제거가 포함되지만 그 아래에는 스토어 설치 앱에서 사용할 수 없는 사이트 설정이 있습니다.
파이어폭스	오픈 소스 프로젝트인 Firefox는 여러 웹 기능을 개척했으며 그 뒤에 있는 회사는 온라인 개인 정보 보호를 적극적으로 지지해 왔습니다. 또한 많은 수의 확장 기능을 사용할 수 있는 것으로도 유명합니다. Firefox는 여러 PWA API를 지원하지만 앱과 같은 경험을 가진 독립 실행형 시스템 앱으로 설치할 수 없습니다. Android 버전의 Firefox는 PWA를 지원하지만 데스크톱 버전은 지원하지 않습니다. 반면 Mozilla는 Site-Specific Browser를 통한 지원을 시도했습니다. Android 장치: Firefox에서는 PWA 사이트에 간단한 설치 옵션을 사용할 수 있습니다. 이 옵션을 누르면 화면에 추가 대화 상자가 나타납니다. 작은 주황색 Firefox 엠블럼은 Firefox에서 만든 PWA의 홈 화면 아이콘에 있는 기본 앱 로고의 오른쪽 하단에 나타납니다. Chrome에서 생성된 것과 달리 보다 실제적인 앱 경험을 위해 사이트 설정 옵션이 표시되지 않습니다.
원정 여행	데스크탑 장치의 경우: macOS에 PWA를 설치하는 것은 Windows에서와 동일하지만 기본 Safari에는 사이트를 PWA로 만드는 방법이 없습니다. Launchpad에서 새 프로그램은 볼 수 있지만 Applications Finder 폴더에는 없습니다. 모바일 장치: iOS 및 iPadOS에서 Apple은 Safari가 PWA를 생성하는 것만 허용합니다. 타사 브라우저는 제외됩니다. PWA를 지원하는 다른 브라우저와 달리 Safari는 설치 및 앱이라는 용어를 사용하지 않습니다. iOS 또는 iPad의 홈 화면에 추가하려면 PWA 지원 사이트로 이동하여 페이지 하단의 공유 위쪽 화살표를 누르고 홈 화면에 추가를 선택합니다. 모든 웹 사이트에서 이 작업을 수행할 수 있지만 정품 PWA가 제공하는 오프라인 기능을 사용할 수 없습니다.
가장자리	Microsoft의 데스크톱 운영 체제에 PWA를 설치하는 것은 기본 Windows 웹 브라우저인 Edge에서 가장 쉽게 액세스할 수 있습니다. 이는 기존 방법(다운로드한 프로그램 설치 프로그램 또는 Microsoft Store 앱 사용)을 설치한 다른 앱과 동일한 방식으로 시작 메뉴에 앱을 추가하기 때문입니다.
오페라	Opera는 1995년에 출시되어 가장 오래된 웹 브라우저 중 하나가 되었습니다. Opera의 전용 사용자 기반은 확장 기능과 독립 앱으로 제한되었을 광범위한 기능을 통합할 수 있는 능력 덕분에 성장했습니다. Android용 Opera 32는 이제 PWA – 홈 화면에 추가 호환성과 함께 사용할 수 있습니다. 수많은 버그 수정, 안정성 향상, 최적의 호환성 및 보안을 위한 업데이트된 Chromium 엔진(또는 적어도 모바일 장치에서 보는 웹).
QQ 브라우저	Tencent Explorer는 2000년 처음 출시되었을 때 QQ Browser의 이름이었습니다. 이 브라우저는 WebKit과 Trident의 두 가지 엔진을 사용한다는 사실이 이 브라우저를 구별합니다. 과거에는 PWA를 지원했지만 새 버전에서는 지원하지 않았습니다.
바이두 브라우저	Baidu 브라우저는 암호화 또는 쉽게 해독 가능한 암호화 없이 개인 사용자 데이터를 Baidu 서버로 보낼 수 있는 Windows 및 Android용 무료 웹 브라우저입니다. 또한 저사양 Android 기기용 리소스에서 가장 가벼운 브라우저이며 메시지 가로채기(man-in-the-middle) 공격을 통한 소프트웨어 업데이트 중 임의 코드 실행에 취약합니다.
UC 브라우저	UC 브라우저는 주로 모바일 장치용으로 설계된 크로스 플랫폼 웹 브라우저입니다. 최소 앱 크기와 데이터 압축 기술로 유명하여 사용자가 기기 메모리가 적고 인터넷 속도가 느린 휴대전화를 사용하는 신흥 시장에서 인기를 얻었습니다. 클라우드 가속, 다중 파일 형식 다운로드, HTML5 웹 앱 및 클라우드 동기화 기능, 파일을 한 번에 여러 부분으로 다운로드하는 "빠른 다운로드" 기능이 브라우저의 다른 기능입니다.
삼성인터넷	이것은 모든 삼성 모바일에 기본적으로 사전 설치된 브라우저입니다. Chrome 및 Microsoft Edge를 실행하는 Chromium 프로젝트를 기반으로 합니다. 삼성 스마트폰은 표준 Android 경험에 대한 대안을 제공합니다. PWA 사이트를 방문하면 브라우저에 배지가 표시됩니다. Google 스프레드시트 또는 기타 웹 앱을 자주 사용하는 경우 브라우저는 가장 뛰어난 웹 앱 경험을 제공합니다.
민트 브라우저	Android 휴대폰에서 가장 중요한 웹 브라우저 중 하나는 Mint Browser입니다. 하나의 소형 상자에서 놀라운 속도, 개인 정보 보호 및 보안을 얻을 수 있습니다. 고급 기술보다 사용자 경험을 중시한다면 10MB 앱은 생명의 은인입니다. Mint Browser는 안전한 브라우징을 보장하고 모든 사용자에게 세계적 수준의 보안 서비스와 상품을 제공하기 위한 몇 가지 보안 메커니즘을 가지고 있습니다. 사용자가 Xiaomi와 데이터를 공유하는 것에 대한 제어를 더욱 강화하기 위해 현재 업그레이드는 모든 사용자가 시크릿 모드에서 집계된 데이터 수집을 켜거나 끌 수 있는 옵션을 제공합니다.
위챗	월간 사용자 기반이 10억 명이 넘는 WeChat은 중국에서 가장 인기 있는 메시징 프로그램입니다. 채팅 서비스로 시작했지만 결제, 택시 호출, 심지어 항공권 예약까지 가능한 앱으로 발전했습니다. 그러나 중국에 거주하지 않는 경우 사용하지 않았을 것입니다.

PWA 지원되지 않는 브라우저

Angular 6 또는 PWA에 필요한 사용자 지정 요소를 적극적으로 지원하지 않는 특정 브라우저도 있습니다.

Microsoft Edge는 현재 이 브라우저에서 지원하기 위해 앱 스토어에서 PWA를 사용할 수 있도록 하고 있습니다.

데스크탑에서 Safari 및 Firefox는 PWA 설치를 지원하지 않습니다. 오프라인 기능을 지원하지만 경험은 항상 브라우저 사용자 인터페이스 내에서 시작됩니다. 전체 화면이 표시될 수 있지만 데스크탑의 독립 실행형 창은 절대 아닙니다.

사용자 경험을 지원하는 핵심 PWA 기능

백그라운드 동기화

이 기능은 웹사이트의 데이터를 정기적으로 새로 고칩니다. 사용자는 항상 최신 정보에 액세스할 수 있습니다.

웹 푸시 알림

서비스 작업자가 백그라운드에서 수행할 수 있는 기능은 이러한 기능을 허용합니다. 사용자는 홈 화면에서 알림을 눌러 웹사이트에 액세스할 수 있습니다.

오프라인 모드

브라우저에 설치되면 오프라인 접근성은 앱 파일 캐싱을 처리하고 네트워크 요청을 가로챈 다음 네트워크 사용 가능 여부에 따라 적절한 조치를 취합니다.

이 기능을 사용하면 연결 없이 앱에 액세스할 수 있으며 더 나은 사용자 경험을 제공합니다. 인터넷 연결이 가능한 경우에도 특정 파일은 이미 로컬에 저장되어 있기 때문에 웹 서버에서 로드할 필요가 없습니다.

홈 화면에 추가

이 PWA 기능을 사용하면 모바일 장치에 웹사이트를 설치할 수 있습니다. 사용자가 링크를 다시 입력하는 대신 아이콘 배지를 터치하기만 하면 사이트에 빠르게 연결할 수 있도록 화면에 바로 가기를 생성합니다. 이 기능은 모든 브라우저에서 액세스할 수 있습니다.

홈 화면/스플래시 화면

PWA의 또 다른 독특한 부분은 브라우저에서 실행되지만 사용자의 홈 화면에 직접 배치되어 몰입형 전체 화면 경험을 제공할 수 있다는 것입니다.

iOS를 제외한 모든 브라우저는 이 기능을 활성화하여 웹사이트가 로드되기를 기다리는 동안 불안을 줄이는 데 도움이 됩니다.

지리적 위치

Geolocation API를 사용하여 앱 사용자의 지리적 위치에 대한 정보에 액세스하여 사용자의 위치를 찾을 수 있습니다(사용자의 동의 하에). 또한 사용자를 주시하고 위치가 변경될 때 알림을 받을 수 있습니다.

비디오 및 이미지 캡처

오늘날 "미디어 캡처 API"는 Web Apps가 장치(카메라 및 마이크)의 오디오 및 비디오 입력에 직접 액세스할 수 있도록 합니다. Web App을 사용하면 이러한 피드를 읽고 관리할 수 있습니다. 결과적으로 예를 들어 브라우저를 종료하지 않고도 사진을 캡처하거나 비디오를 녹화할 수 있습니다.

결론

세계의 거의 모든 브라우저 시스템은 어떤 방식으로든 PWA를 지원합니다. iOS의 PWA가 완전히 지원되지는 않지만 브라우저는 장애물을 없애고 일부 PWA 기능이 Apple 장치에서 실행되도록 허용하기 시작했습니다.

이것은 전 세계의 브라우저가 PWA를 기본 애플리케이션과 동일한 잠재력을 가진 것으로 간주하고 사용자 경험을 개선하기 위해 더 놀라운 지원을 제공하기 시작했음을 암시할 수 있습니다.

회사를 위한 PWA 사이트를 설정하려고 하고 합법적인 PWA 웹 개발 에이전시를 찾고 있다면 Tigren이 최선의 선택입니다.

우리는 많은 기업의 요구를 충족시키는 성공적인 PWA 프로젝트를 구축했습니다. 우리 팀은 고객에게 최상의 결과를 제공하기 위해 노력합니다. 자세한 내용은 [email protected] 으로 메시지를 보내주십시오.