🔄 케이스 3: 하이브리드 환경 감지

환경을 자동 감지하여 적절한 라이브러리를 로드합니다

동적 로딩 • 환경 최적화

🔄 이 예제의 특징

  • 환경 자동 감지: Flutter WebView vs 웹 브라우저 판별
  • 동적 라이브러리 로딩: 환경에 맞는 JS 파일만 로드
  • 최적화: 불필요한 파일 로드 방지
  • 유니버설 코드: 하나의 HTML로 모든 환경 지원

🔍 감지된 환경

📱 Flutter WebView 환경

• 사용: flutter-bridge.js (13KB)
• FCM 처리: Flutter 앱
• 기능: Flutter 통신, 위치, 카메라, 스토리지 등
비활성

🌐 웹 브라우저 환경

• 사용: flutter-bridge-fcm.js (50KB+)
• FCM 처리: 웹 자체
• 기능: FCM, 푸시 알림, 토픽 구독 등
비활성

🧪 기능 테스트

환경 감지 후 사용 가능한 버튼이 활성화됩니다...

📋 실행 로그

환경 감지 중...