如何确定 Flutter Web 应用程序是在手机上还是在 PC 上运行？

Question

我想在 PC 和移动设备上使用不同的应用程序，那么在加载应用程序之前找出设备的最佳方法是什么？

Answer 1

由于dart:io网络不支持，另一种解决方案是查看用户代理（警告：用户可以伪造它以加载移动或桌面版本）。

import 'package:universal_html/html.dart' as html;

const appleType = "apple";
const androidType = "android";
const desktopType = "desktop";

String getSmartPhoneOrTablet() {
  final userAgent = html.window.navigator.userAgent.toString().toLowerCase();
  // smartphone
  if( userAgent.contains("iphone"))  return appleType;
  if( userAgent.contains("android"))  return androidType;

  // tablet
  if( userAgent.contains("ipad")) return appleType;
  if( html.window.navigator.platform.toLowerCase().contains("macintel") && html.window.navigator.maxTouchPoints > 0 ) return appleType;

  return desktopType;
}

归功于：https : //github.com/flutter/flutter/issues/41311#issuecomment-739854345

Answer 2

You can do this with the Platform class of of dart:io, which provides a few static properties that can help you determine the OS and therefore PC vs mobile.

The following return bools that help you determine each OS

isAndroid, isFuchsia, isIOS, isLinux, isMacOS, isWindows

或者您可以使用该operatingSystem属性，该属性返回String包含操作系统的属性。

前任。

if(Platform.isWindows)
...

一般来说，如果您将 Android 和 iOS 视为操作系统，您就会知道它是移动的。如果您看到 Linux、MacOS 或 Windows，您就会知道它是 PC。而紫红色则有点暧昧。