Flutter InAppWebView部分网站定位权限无法触发问题排查

一、排查方向 #

• WebView地理定位配置检查：确认InAppWebView是否开启了地理定位支持，默认未启用的话会直接忽略部分网站的定位请求。
• 网站权限缓存问题：InAppWebView会存储网站的权限状态，如果之前对目标网站（如savelocal.app）拒绝过定位权限，网站可能不会再次发起请求。
• Android版本适配问题：Android 10+对定位权限区分更严格，前台定位需明确申请对应权限，部分网站可能因权限类型不匹配而不触发请求。
• 网站自身逻辑限制：部分网站会先通过Permissions API查询权限状态，若WebView返回"已拒绝"则不再发起定位请求；同时需检查网站的CSP（内容安全策略）是否包含geolocation授权，无授权会阻止定位请求。
• WebView日志调试：开启WebView调试，查看控制台是否有定位相关错误，比如权限拦截、CSP报错等。

二、代码修改建议 #

1. 强制开启InAppWebView地理定位支持 #

在InAppWebViewGroupOptions中明确启用地理定位：

InAppWebViewGroupOptions options = InAppWebViewGroupOptions(
  crossPlatform: InAppWebViewOptions(
    geolocationEnabled: true, // 跨平台启用
  ),
  android: AndroidInAppWebViewOptions(
    geolocationEnabled: true, // Android单独配置
  ),
);

2. 清除WebView地理权限缓存 #

加载目标网站前清除历史权限状态，确保网站能发起新请求：

onWebViewCreated: (InAppWebViewController controller) async {
  await controller.clearGeolocationPermissions();
  controller.loadUrl(urlRequest: URLRequest(url: Uri.parse("https://savelocal.app/")));
},

3. 适配Android定位权限类型 #

将定位权限请求改为locationWhenInUse（更符合网页前台定位场景）：

}else if(permission == "location"){
  status = await Permission.locationWhenInUse.request();
}

4. 开启WebView调试排查错误 #

启用调试功能后，通过Chrome DevTools查看控制台日志：

InAppWebView(
  initialUrlRequest: URLRequest(url: Uri.parse("https://savelocal.app/")),
  onWebViewCreated: (controller) {
    controller.setWebContentsDebuggingEnabled(true);
  },
  // 其他配置...
)

在Chrome浏览器中输入chrome://inspect，找到对应WebView实例查看控制台输出。

5. 补充AndroidManifest权限（针对Android 12+） #

若目标设备为Android 12+，补充前台定位权限声明：

<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION"/>
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/>
<!-- Android 12+ 前台定位权限 -->
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" android:foregroundServiceType="location" />

内容的提问来源于stack exchange，提问作者Md. Ferdousur Rahman Sarker