如何在Kotlin中实现详情页按钮跳转WebView加载对应URL

1. DetailsActivity 处理按钮点击与数据传递 #

先获取从RecyclerView跳转时传递的URL，给按钮绑定点击事件，通过Intent将URL传递给WebViewActivity：

class DetailsActivity : AppCompatActivity() {
    private lateinit var openWebBtn: Button
    private var itemUrl: String? = null

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_details)

        // 接收RecyclerView条目传递的URL（这里的"EXTRA_URL"要和你之前传递时的key保持一致）
        itemUrl = intent.getStringExtra("EXTRA_URL")

        openWebBtn = findViewById(R.id.btn_open_web)
        openWebBtn.setOnClickListener {
            itemUrl?.let { targetUrl ->
                // 启动WebViewActivity并传入URL
                val webIntent = Intent(this, WebViewActivity::class.java).apply {
                    putExtra("EXTRA_WEB_URL", targetUrl)
                }
                startActivity(webIntent)
            }
        }
    }
}

2. WebViewActivity 接收URL并加载网页 #

接收传递的URL，配置WebView基础参数后加载目标网页：

class WebViewActivity : AppCompatActivity() {
    private lateinit var webView: WebView

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_web_view)

        webView = findViewById(R.id.web_view)
        val targetUrl = intent.getStringExtra("EXTRA_WEB_URL")

        // 配置WebView核心设置
        webView.settings.apply {
            // 按需开启JavaScript（部分网页需要支持）
            javaScriptEnabled = true
            // 允许加载http/https混合内容
            mixedContentMode = WebSettings.MIXED_CONTENT_ALWAYS_ALLOW
            // 自适应屏幕显示
            loadWithOverviewMode = true
            useWideViewPort = true
        }

        // 设置WebViewClient，强制在WebView内打开链接，不跳转系统浏览器
        webView.webViewClient = object : WebViewClient() {
            override fun shouldOverrideUrlLoading(view: WebView?, request: WebResourceRequest?): Boolean {
                view?.loadUrl(request?.url.toString())
                return true
            }
        }

        // 加载目标网页
        targetUrl?.let { webView.loadUrl(it) }
    }

    // 处理WebView返回逻辑
    override fun onBackPressed() {
        if (webView.canGoBack()) {
            webView.goBack()
        } else {
            super.onBackPressed()
        }
    }
}

3. 必要配置补充 #

• 添加网络权限：在AndroidManifest.xml中添加权限，确保WebView能正常加载网页：

<uses-permission android:name="android.permission.INTERNET" />

• 布局要求：
  • activity_details.xml中需包含id为btn_open_web的按钮
  • activity_web_view.xml中需包含id为web_view的WebView组件

内容的提问来源于stack exchange，提问作者BUdiAKmal