맞춤 탭은 앱 개발자가 앱 내에서 직접 맞춤설정된 브라우저 환경을 추가할 수 있는 Android 브라우저의 기능입니다.
웹 콘텐츠 로드는 스마트폰의 초창기부터 모바일 앱의 일부였지만 오래된 옵션은 개발자에게 문제가 될 수 있습니다. 실제 브라우저를 실행하는 것은 사용자에게 큰 컨텍스트 전환이며, WebView는 웹 플랫폼의 모든 기능을 지원하지 않으며 브라우저와 상태를 공유하지 않으며 유지보수 오버헤드를 추가합니다.
맞춤 탭은 외부 브라우저를 여는 것보다 더 나은 사용자 환경을 제공합니다. 이를 통해 사용자는 탐색하는 동안 앱 내에 머무를 수 있어 참여도를 높이고 사용자가 앱을 이탈할 위험을 줄일 수 있습니다. 이는 사용자가 선호하는 브라우저에서 직접 구동되고 브라우저에서 제공하는 상태 및 기능을 자동으로 공유하는 방식으로 이루어집니다. 요청, 권한 부여 또는 쿠키 저장소를 관리하기 위해 커스텀 코드를 작성할 필요가 없습니다.
맞춤 탭으로 무엇을 할 수 있나요?
맞춤 탭을 사용하면 사용자가 선호하는 브라우저를 지원하는 모든 렌더링 엔진에서 웹 콘텐츠가 로드됩니다. 모든 API 또는 웹 플랫폼 기능을 사용할 수 있으며 맞춤 탭에서 사용할 수 있습니다. 탐색 세션, 저장된 비밀번호, 결제 수단, 주소가 모두 익숙한 방식으로 표시됩니다.
맞춤 탭에서 무엇을 맞춤설정할 수 있나요?
꽤 그러합니다! 맞춤 탭을 사용하면 다양한 브라우저 Chrome 및 사용자 환경을 세밀하게 관리할 수 있습니다. 앱 내에서 Intent를 사용하여 맞춤 탭을 실행합니다. 이 인텐트가 호출되면 CustomTabIntent에 다양한 속성을 추가하여 원하는 정확한 환경을 가져올 수 있습니다. 추가할 수 있는 맞춤설정은 여기에 나와 있습니다.
앱의 나머지 부분과 일치하는 맞춤 시작 및 종료 애니메이션
앱 브랜딩에 맞게 툴바 색상을 수정합니다.
밝은 테마와 어두운 테마 간에 전환되어도 앱과 함께 유지되는 색상 일관성
브라우저 툴바, 메뉴에 맞춤 작업 및 항목 추가
맞춤 탭의 시작 높이를 제어하여 웹 스토어와 상호작용하는 동안 동영상을 스트리밍하는 등의 작업을 지원합니다.
사용자는 맞춤 탭을 최소화하여 기본 앱과 상호작용할 수 있으며, 탐색 여정을 재개하기 위해 진행 상황을 잃지 않고 언제든지 맞춤 탭을 복원할 수 있습니다. 이를 통해 사용자는 맞춤 탭을 닫는 대신 웹과 기본 앱 간에 원활하게 멀티태스킹할 수 있습니다. 이 기능은 Chrome 122 베타부터 맞춤 탭에 기본적으로 사용 설정됩니다.
그것은 모든 것에서 멀리 떨어져 있습니다. 맞춤 탭은 매우 강력하며 현재 개발 중입니다. 각 브라우저에서는 이러한 기능을 사용할 수 있게 되면 이러한 기능을 지원해야 합니다. 거의 모든 지원이 어느 정도의 지원을 제공하지만 사용자의 브라우저에서 사용할 수 있는 기능과 사용할 수 없는 기능을 아는 것이 중요합니다. 많이 사용되는 Android 브라우저에서 다양한 기능의 사용 가능 여부를 빠르게 확인하려면 기능 비교 표를 참조하세요.
지금 GitHub의 샘플로 테스트할 수 있습니다.
맞춤 탭은 언제 사용해야 하나요?
웹 콘텐츠를 로드하는 한 가지 '올바른' 방법은 없습니다. 특정 상황에서는 WebView가 사용하기에 적합한 기술이 될 것입니다. 예를 들어 앱 내에서 자체 콘텐츠만 호스팅하거나 앱에서 직접 자바스크립트를 삽입해야 하는 경우입니다. 앱에서 사용자를 도메인 외부 URL로 연결하는 경우 맞춤 탭의 기본 제공 공유 상태가 더 나은 선택일 가능성이 높습니다. 맞춤 탭의 다른 장점은 다음과 같습니다.
- 보안: 맞춤 탭은 Google의 세이프 브라우징을 사용하여 위험한 사이트로부터 사용자와 기기를 보호합니다.
- 성능 최적화:
- 애플리케이션에서 리소스를 도용하는 것을 방지하면서 백그라운드에서 브라우저를 예열합니다.
- URL을 미리 추측하여 로드하여 페이지 로드 시간을 단축합니다.
- 수명 주기 관리: 맞춤 탭을 실행하는 앱은 탭을 사용하는 동안 시스템에서 제거되지 않습니다. 탭의 중요도가 '포그라운드' 수준으로 올라갑니다.
- 쿠키 jar 및 권한 모델을 공유하여 사용자가 이미 연결된 사이트에 로그인하거나 이미 부여된 권한을 다시 부여할 필요가 없습니다.
- 데이터 절약 모드와 같은 브라우저 기능이 사용 설정된 경우 공유되어 콘텐츠를 더 빠르고 저렴하게 로드합니다.
- 양식 작성을 개선하기 위해 여러 기기에서 자동 완성 기능을 동기화했습니다.
- 사용자는 통합된 뒤로 버튼을 사용하여 앱으로 돌아갈 수 있습니다.
맞춤 탭 및 신뢰할 수 있는 웹 활동 비교
신뢰할 수 있는 웹 활동은 맞춤 탭 프로토콜을 확장하고 대부분의 이점을 공유합니다. 하지만 맞춤설정된 UI를 제공하는 대신 개발자가 UI 없이 브라우저 탭을 열 수 있습니다. 자체 Android 앱 내에서 전체 화면으로 자체 프로그레시브 웹 앱을 열려는 개발자에게 권장됩니다.
맞춤 탭은 어디에서 사용할 수 있나요?
맞춤 탭은 Android 플랫폼의 브라우저에서 지원하는 기능입니다. 원래 Chrome에서 버전 45에서 도입되었습니다. 이 프로토콜은 대부분의 Android 브라우저에서 지원됩니다.
Google은 이 프로젝트에 관한 의견, 질문, 제안을 기다리고 있습니다. crbug.com에서 문제를 신고하고 Twitter @ChromiumDev로 문의해 주시기 바랍니다.
시작하기
GitHub 데모 외에도 커스텀 탭을 시작하는 데 도움이 되는 여러 가이드가 있습니다.
궁금한 점이 있으면 StackOverflow에서 chrome-custom-tabs 태그를 확인하세요.