Natively Docs
Join our community đŸ”Ĩ
  • 👩‍🚀Getting Started
    • What is Natively?
    • Why Natively?
    • FAQ
    • Create Your First App
  • 🚀Natively Platform
    • 🚉Releases
    • đŸ–Œī¸Appearance
      • đŸ˜ŧApp Icon
      • 📱Loading Screen
      • 📱Error Screen
      • 🎨Style
    • đŸŽŦPreview
    • ⭐Features
      • đŸ›ŗī¸Bottom Bar
      • 🚇Deeplinks
        • đŸ”ĨFirebase
        • 🔗Universal Links
        • 🌱Branch.io
      • 📍Geolocation
      • 🔔Notifications
        • 📲OneSignal Notifications
        • đŸ”ĨFirebase Notifications (Advanced)
      • 📒Contacts
      • 👩‍🎨Social Auth
        • 🍏Sign In with Apple
      • 💟HealthKit
      • 💰Purchases
      • 🤑Admob
      • đŸ’ŗNFC
      • 📷Camera
      • 📂Photo Library
      • 🎤Microphone
      • 📈Analytics
        • đŸ•Šī¸AppsFlyer
        • 😛Facebook
    • 🚚Publish
      • 🍏iOS App
      • 🤖Android App
    • âš™ī¸Settings
    • 🙈Subscription Plans
  • Guides
    • 🧋Integration (Native Features)
      • 🏅How to get started?
      • â„šī¸Device
      • â„šī¸Browser Info
      • đŸ›ŗī¸Bottom Bar
      • âœ‚ī¸Clipboard
      • đŸšĻPush Notifications - OneSignal
      • đŸšĻPush Notifications - Firebase (Advanced)
      • 📍Geolocation
      • đŸ“ĻApp Storage
      • đŸ—ī¸Biometrics & Credentials
      • 📧Native SMS/Email
      • 📅Native Date Picker
      • 📸Native Camera
      • đŸŽ™ī¸Native Audio Recorder
      • 🈁Native Scanner (QR/Barcode)
      • 📔Contacts
      • 🍏Apple Sign In
      • â¤ī¸HealthKit
      • 💸In-App Purchases
      • 🤑Admob
      • đŸ’ŗNFC
      • đŸĨ‘Show Toast/Banner
      • âŗShow/Hide Loading Screen
      • đŸĨ‘Haptic Feedback
      • đŸ–ŧī¸Share Media/Files
      • 📱Open an external App/URL
      • âœī¸Request User's review
      • â†”ī¸getInsets
      • 🎨Control Style & Colors
    • 🔍Troubleshooting
    • 🐈Setup RevenueCat App
    • 🚑Setup Admob App
    • đŸšĨSetup One Signal App
    • 🧑‍🤝‍🧑Setup website Universal Links (Deeplinks)
    • 🍕Testing & Submitting your app
    • 🔑Generate iOS Push Key (NEW)
    • 🔑Generate iOS Push Certificate (Legacy)
    • 🤝Affiliate program
    • 📕For Partners: Natively Brand Book.
Powered by GitBook
On this page
  • 🧋 Bubble.io Plugin
  • [Element] Natively - Browser
  • 🛠 JavaScript SDK
  • Device App Info

Was this helpful?

  1. Guides
  2. Integration (Native Features)

Browser Info

Use the Browser Info feature to tailor your app's experience based on the user's device. For example, you can display the Apple Sign In button only to iOS users.

PreviousDeviceNextBottom Bar

Last updated 5 months ago

Was this helpful?

🧋 Bubble.io Plugin

[Element] Natively - Browser

Events:

  • Device went offline

  • Device back online

States:

  • isAndroidApp - Yes / No

  • isIOSApp - Yes / No

  • isNativeApp - Yes / No

  • Connectivity - Yes / No (Device is online or offline)

🛠 JavaScript SDK

Device App Info

// Check if native app
const browserInfo = info.browserInfo();
console.log(browserInfo.isAndroidApp);
console.log(browserInfo.isIOSApp);
console.log(browserInfo.isNativeApp);

// Check connectivity (internet connection);
window.ononline = (e) => { console.log("online") };
window.onoffline = (e) => { console.log("offline") };
🧋
â„šī¸
Bubble.io Plugin
JavaScript SDK