다른 개발자가 웹을 사용하여 사용자를 위한 놀라운 웹 환경을 구축한 이유와 방법을 알아보세요.

주기적인 백그라운드 동기화를 사용하면 프로그레시브 웹 앱 또는 서비스 작업자 지원 페이지가 실행될 때 최신 콘텐츠를 표시할 수 있습니다. 앱 또는 페이지가 사용되지 않을 때 백그라운드에서 데이터를 다운로드하여 이를 실행합니다. 서비스 워커가 설치된 후 Permissions API 를 사용하여 periodic-background-sync 를 쿼리합니다. 창 또는 서비스 워커 컨텍스트에서 이를 수행할 수 있습니다. 주기적 동기화를 등록하려면 태그와

앱 바로가기를 사용하면 사용자가 웹 앱 내에서 자주 수행되거나 권장되는 작업을 빠르게 시작할 수 있습니다. 앱 아이콘이 표시되는 모든 위치에서 이러한 작업에 쉽게 액세스할 수 있으므로 사용자의 생산성이 향상되고 웹 앱에 대한 참여도도 높아집니다. 앱 바로가기 메뉴는 사용자의 데스크톱에 있는 작업 표시줄 (Windows) 또는 도크 (macOS)에서 앱 아이콘을 마우스 오른쪽 버튼으로 클릭하거나 Android에서 앱의 런처 아이콘을 길게 터치하여

아래 예에서 충분한 컨텍스트를 제공하지 않는 기본 환경의 예를 참고하세요. 일반적인 작은 기본 프롬프트 대신 더욱 풍부한 설치 UI 대화상자를 가져오려면 웹 매니페스트에 screenshots 및 description 필드를 추가하세요. 아래의 Squoosh.app 예를 확인해 보세요. 더욱 풍부한 설치 UI 대화상자는 웹 매니페스트에 있는 description 및 screenshots 필드의 콘텐츠로 구성됩니다. 대화상자를 트리거하려면 해당 폼

Badges are used to convey non-urgent information to the user. For example, they are used to indicate the status of an app, or the number of unread items. The classic way of creating an app badge is to add a number to the favicon. On modern browsers,

Sometimes you want to let users of your app select one of their contacts to message via an email or chat application, or help them discover which of their contacts have already joined a social platform. To get contacts from the address book, you need

To make sure your browser supports the getScreenDetails() method, first check if it exists on the window object. Then, call window.getScreenDetails() to get attached screens. Adding an event listener to adapt to changed screen details allows you to

Letting the user share the website they are on is a common web apps pattern that you can find on many news sites, blogs, or shopping sites. Since linking is one of the web's super powers, the hope is to acquire traffic from users who see the shared