使用flutter_inappwebview打开URL时出错，请求解决位置权限问题

1. 配置原生平台权限 #

Android端 #

在android/app/src/main/AndroidManifest.xml中添加位置权限声明：

<!-- 粗略位置权限 -->
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
<!-- 精确位置权限 -->
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<!-- 后台位置权限（按需添加） -->
<uses-permission android:name="android.permission.ACCESS_BACKGROUND_LOCATION" />

同时在Dart代码中主动请求权限，可借助permission_handler插件：

import 'package:permission_handler/permission_handler.dart';

Future<void> requestLocationPermission() async {
  final status = await Permission.location.request();
  if (status.isGranted) {
    // 权限已授予，可加载网页
  } else if (status.isDenied) {
    // 提示用户前往设置开启权限
  }
}

iOS端 #

在ios/Runner/Info.plist中添加权限描述：

<key>NSLocationWhenInUseUsageDescription</key>
<string>需要位置权限以正常加载网页内容</string>
<key>NSLocationAlwaysAndWhenInUseUsageDescription</key>
<string>需要位置权限以正常加载网页内容</string>

2. 配置flutter_inappwebview权限规则 #

初始化InAppWebView时，明确授权位置权限请求：

InAppWebView(
  initialUrlRequest: URLRequest(url: Uri.parse("你的目标URL")),
  androidPermissions: [AndroidPermission.ACCESS_COARSE_LOCATION, AndroidPermission.ACCESS_FINE_LOCATION],
  iosPermissions: [IOSPermission.locationWhenInUse],
  onPermissionRequest: (controller, request) async {
    return PermissionResponse(
      resources: request.resources,
      action: PermissionResponseAction.GRANT,
    );
  },
)

3. 调整WebView设置（可选） #

如果网页非必须位置权限，可直接禁用位置请求：

InAppWebView(
  initialUrlRequest: URLRequest(url: Uri.parse("你的目标URL")),
  initialSettings: InAppWebViewSettings(
    geolocationEnabled: false,
  ),
)

4. 清除WebView缓存 #

缓存的旧权限状态可能引发异常，初始化前执行清除操作：

await InAppWebViewController.clearCache();
await InAppWebViewController.clearCookie();

内容的提问来源于stack exchange，提问作者Ananth Kumar M