Chrome Android의 웹 앱용 기본 오프라인 페이지
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
설치된 플랫폼 앱은 오프라인 상태에서도 실행될 수 있습니다. 이 상황에서는 사용자에게 인터넷을 사용할 수 없음을 알리는 페이지를 포함하는 경우가 많습니다. 일부 개발자는 오프라인에서도 사용할 수 있는 전체 기능 세트를 만듭니다.
웹 앱의 경우, 오프라인으로 작업할 수 있는 기능이 더 최근에 개발되었습니다. 이 기능은 Service Worker API의 출시와 함께 가능해졌습니다. 또한 웹사이트를 설치할 수 있게 되었을 때 PWA는 웹 앱을 설치할 수 있도록 서비스 워커를 등록하고 fetch()
메서드를 구현하는 요구사항을 추가했습니다.
이 아이디어는 개발자가 최소한 현재 앱을 사용할 수 없다는 사실을 사용자에게 알리도록 개발자에게 인센티브를 제공하는 것이었습니다.
이제 개발자는 기본 오프라인 페이지를 가져오기 위해 아무 것도 할 필요가 없습니다. Android의 Chrome 109부터 브라우저에서는 사용자가 오프라인 상태임을 알려주는 페이지를 자동으로 생성합니다.
앱에서 맞춤 오프라인 환경을 구현하지 않는 경우 사용자가 오프라인 상태일 때 기본 오프라인 페이지에서 앱 아이콘과 간단한 오프라인 상태입니다라는 간단한 메시지를 사용합니다. 아래 예와 같습니다.
실제로 작동하는 이전 예를 보려면 이 결함을 확인하세요.
맞춤 오프라인 페이지를 만드는 옵션은 계속 사용할 수 있습니다. 다음 동영상은 Workbox를 사용하여 한 줄의 코드로 맞춤 페이지를 제공하는 방법을 보여줍니다.
이 기능은 Android (Chrome 109) 및 데스크톱 환경 (Chrome 110)에서 사용할 수 있습니다. 의견이 있는 경우 이 양식을 통해 Google에 알려 주시기 바랍니다.
사진: Sten Ritterfeld(Unsplash 제공)
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2023-01-25(UTC)
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"필요한 정보가 없음"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"너무 복잡함/단계 수가 너무 많음"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"오래됨"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"번역 문제"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"샘플/코드 문제"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"기타"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"이해하기 쉬움"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"문제가 해결됨"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"기타"
}]
{"lastModified": "\ucd5c\uc885 \uc5c5\ub370\uc774\ud2b8: 2023-01-25(UTC)"}
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2023-01-25(UTC)"],[],[]]