不过，

大家好，我的开源项目PakePlus可以将网页/Vue/React项目打包为桌面/手机应用而且小于5M只需几分钟，官网地址：pakeplus.com

Kotlin Android WebView 定位功能实现全技巧

在 Kotlin 开发的 Android 应用中。让 WebView 正常使用 H5 页面的定位，主要是权限配置 + WebView 设置 + WebChromeClient 回调三部分。下面是完整可直接使用的实现方案。

1. 添加权限

2. WebView 基础配置

package com.app.pakeplus
import android.Manifest
import android.annotation.SuppressLint
import android.app.DownloadManager
import android.content.ActivityNotFoundException
import android.content.Context
import android.content.Intent
import android.content.pm.PackageManager
import android.graphics.Bitmap
import android.net.Uri
import android.os.Build
import android.os.Bundle
import android.os.Environment
import android.util.Log
import android.view.GestureDetector
import android.view.MotionEvent
import android.view.View
import android.view.ViewGroup
import android.view.WindowManager.LayoutParams.FLAG_FULLSCREEN。LayoutParams.FLAG_TRANSLUCENT_NIGATION,LayoutParams.FLAG_LAYOUT_IN_DISPLAY_CUTOUT_MODE_SHORT_EDGES,LayoutParams.LAYOUT_IN_DISPLAY_CUTOUT_MODE_SHORT_EDGES,LayoutParams.SYSTEM_UI_FLAG_FULLSCREEN,LayoutParams.SYSTEM_UI_FLAG_HIDE_NIGATION,LayoutParams.SYSTEM_UI_FLAG_IMMERSIVE_STICKY,LayoutParams.SYSTEM_UI_FLAG_VISIBLE,SYSTEM_BARS.Type.systemBars
// ...其他导入省略...
class MainActivity : AppCompatActivity {
// ...其他代码省略...
@SuppressLint
override fun onCreate {
super.onCreate
enableEdgeToEdge
setContentView
webView = findViewById
webView.settings.apply {
javaScriptEnabled = true // 必须开启JS支持！domStorageEnabled = true // 开启DOM存储支持
setGeolocationEnabled // ⚠️关键！开启地理定位支持，allowFileAccess = true // 允许访问文件URL内容
// 其他关键配置...
useWideViewPort = true // 支持宽视图模式显示网页内容
allowFileAccessFromFileURLs = true // 允许文件URL跨域访问其他资源
allowContentAccess = true // 允许通过ContentProvider访问本地资源
allowUniversalAccessFromFileURLs = true// 开发环境可临时打开此选项测试跨域请求
}
webView.webChromeClient = MyChromeClient // 配置WebChromeClient处理定位权限等
val config = parseJsonWithNative
val webUrl = config?老实说，.get as，String?: "https://pakeplus.com/"
webView.loadUrl
}
inner class MyChromeClient : WebChromeClient {
override fun onGeolocationPermissionsShowPrompt(
origin的观点是，String?,callback: GeolocationPermissions.Callback?) {
if return
activity.runOnUiThread {
val fineOk = ContextCompat.checkSelfPermission(
activity,Manifest.permission.ACCESS_FINE_LOCATION) == PackageManager.PERMISSION_GRANTED
val coarseOk = ContextCompat.checkSelfPermission(
activity,Manifest.permission.ACCESS_COARSE_LOCATION) == PackageManager.PERMISSION_GRANTED
if {
callback.invoke
} else {
locationPermissionLauncher.launch(
arrayOf(
Manifest.permission.ACCESS_FINE_LOCATION。Manifest.permission.ACCESS_COARSE_LOCATION))
pendingGeolocationOrigin = origin
pendingGeolocationCallback = callback
}
}
}
}
private lateinit var locationPermissionLauncher: ActivityResultLauncher
private var pendingGeolocationOrigin: String?说起来，= null
private var pendingGeolocationCallback: GeolocationPermissions.Callback?= null
}

3. 前端测试代码

⚠️ 常见问题与注意事项 ⚠️

• Android + 安全限制问题方法❗️

  • 定位只在 HTTPS 页面有效
    • `onGeolocationPermissionsShowPrompt`仅对HTTPS调用生效
    • 测试可用`true`临时允许HTTP 警告：仅开发环境使用！上线必须关闭，
    • WebService必须设置正确的CORS头：

      `Access-Control-Allow-Origin:*`
      `Access-Control-Allow-Methods:*`
      `Access-Control-Allow-Headers:*`

    • 💡 常用方法：强制重定向HTTP→HTTPS！老实说，💡 在服务器或Nginx配置永久重定向：

      `return http_code https://$host$request_uri;`

    注意：从Android P开始默认禁止明文HTTP流量！

  • 关于混合内容加载
    • 即使主页是HTTPS，若加载的资源仍使用HTTP会被阻止 不安全连接可能导致XSS攻击风险
  • setAllowUniversalAccessFromFileURLs安全性更高但会影响本地文件协议加载 测试阶段可暂时开启但要修复跨域问题
  • :修改所有资源链接为HTTPS协议或相对方法 从例如来看。把