Detecting Mobile or Desktop in a Telegram Mini App

Post author: Nanfeng
Post link: <a href="https://lengmo714.top/en/9a29c8a1.html" title="Detecting Mobile or Desktop in a Telegram Mini App">https://lengmo714.top/en/9a29c8a1.html
Copyright Notice: All articles in this blog are licensed under <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" rel="noopener" target="_blank"> BY-NC-SA unless stating additionally.

In Telegram , Mini App

Use the browser user agent to distinguish mobile and desktop clients in a Telegram Mini App.

Run a user-agent check during Mini App initialization:

document.addEventListener('DOMContentLoaded', () => {
    const ua = navigator.userAgent.toLowerCase();
    const isMobile = /mobile|android|iphone|ipad|phone/i.test(ua);
    window.Device = isMobile ? 'mobile' : 'desktop';
});

For a Cocos Creator Web Mobile export, add this to index.html, then read the global value in TypeScript:

1 2	const device = window['Device']; console.log('Device:', device);

User-agent detection is heuristic. Prefer Telegram client information when a suitable official field is available for the behavior you need.