如何在多线程中运行WebView？多线程网页卡片浏览器实现求助

Hey there! Let's break this down and fix your browser implementation—first, I need to clear up a critical detail about Android's WebView that's likely causing confusion: WebView is a UI component, which means it can only run on the main (UI) thread. You can't stick it in a background thread directly (you'll get crashes if you try!). What you actually want here is to have each web page run in its own independent WebView instance (or a dedicated Activity), and manage these instances with a stack so you can switch back and forth easily.

Here's a step-by-step solution to build this card-based browser with stack management:

Instead of reusing one WebView in your MainActivity, create a separate WebPageActivity for every web page. Each activity will hold its own WebView, so each page runs in isolation, and Android's task system will help with stack-based navigation naturally.

Implement WebPageActivity #

class WebPageActivity : AppCompatActivity() {
    private lateinit var webView: WebView
    private var currentUrl: String = ""

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

        // Grab the URL passed from MainActivity
        currentUrl = intent.getStringExtra("TARGET_URL") ?: "https://www.google.com"
        
        // Set up WebView with your existing MyWebViewClient
        webView = findViewById(R.id.web_view)
        configureWebView()
        webView.webViewClient = MyWebViewClient()

        // Restore state if we're coming back from the stack
        if (savedInstanceState != null) {
            webView.restoreState(savedInstanceState)
        } else {
            webView.loadUrl(currentUrl)
        }
    }

    private fun configureWebView() {
        val settings = webView.settings
        settings.javaScriptEnabled = true
        settings.domStorageEnabled = true
        settings.useWideViewPort = true
        settings.loadWithOverviewMode = true
        // Add any other settings you need
    }

    // Save WebView state so we can pick up where we left off
    override fun onSaveInstanceState(outState: Bundle) {
        super.onSaveInstanceState(outState)
        webView.saveState(outState)
    }

    // Handle back button: Let WebView go back first, then close the activity
    override fun onBackPressed() {
        if (webView.canGoBack()) {
            webView.goBack()
        } else {
            super.onBackPressed()
        }
    }
}

对应的 layout (activity_web_page.xml):

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <WebView
        android:id="@+id/web_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</LinearLayout>

In your MainActivity, maintain a stack (mutable list works fine) to track all open web pages. Each entry in the stack will hold info like the URL and page title, so you can display them in your ListView and navigate back to them.

Stack Management in MainActivity #

class MainActivity : AppCompatActivity() {
    private lateinit var webPageList: ListView
    private val webPageStack = mutableListOf<WebPageEntry>()
    private lateinit var listAdapter: ArrayAdapter<String>

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

        webPageList = findViewById(R.id.web_page_list)
        // Populate adapter with page titles from the stack
        listAdapter = ArrayAdapter(this, android.R.layout.simple_list_item_1, webPageStack.map { it.title })
        webPageList.adapter = listAdapter

        // Handle clicking a list item: Launch the corresponding WebPageActivity
        webPageList.onItemClickListener = AdapterView.OnItemClickListener { _, _, position, _ ->
            val pageEntry = webPageStack[position]
            val intent = Intent(this, WebPageActivity::class.java)
            intent.putExtra("TARGET_URL", pageEntry.url)
            startActivity(intent)
        }

        // Handle adding a new web page
        findViewById<Button>(R.id.add_new_page_btn).setOnClickListener {
            // Replace this with an input dialog to get user's desired URL
            val newUrl = "https://www.example.com"
            val newEntry = WebPageEntry(newUrl, "Loading...")
            webPageStack.add(newEntry)
            listAdapter.notifyDataSetChanged()
            
            // Launch the new page's activity
            val intent = Intent(this, WebPageActivity::class.java)
            intent.putExtra("TARGET_URL", newUrl)
            startActivity(intent)
        }
    }

    // Data class to hold web page info for the stack
    data class WebPageEntry(val url: String, var title: String)
}

Right now, your list shows a placeholder title. Let's update it when the web page finishes loading by sending a broadcast from your MyWebViewClient:

Update MyWebViewClient #

class MyWebViewClient : WebViewClient() {
    override fun onPageFinished(view: WebView?, url: String?) {
        super.onPageFinished(view, url)
        view?.title?.let { pageTitle ->
            // Send broadcast to update MainActivity's list
            val updateIntent = Intent("com.your.package.PAGE_TITLE_UPDATED")
            updateIntent.putExtra("PAGE_URL", url)
            updateIntent.putExtra("PAGE_TITLE", pageTitle)
            LocalBroadcastManager.getInstance(view.context).sendBroadcast(updateIntent)
        }
    }
}

Register Broadcast Receiver in MainActivity #

Add this to your MainActivity to listen for title updates and refresh the stack:

private lateinit var titleUpdateReceiver: BroadcastReceiver

override fun onResume() {
    super.onResume()
    titleUpdateReceiver = object : BroadcastReceiver() {
        override fun onReceive(context: Context?, intent: Intent?) {
            intent?.let {
                val url = it.getStringExtra("PAGE_URL")
                val newTitle = it.getStringExtra("PAGE_TITLE")
                url?.let { pageUrl ->
                    // Find the entry in the stack and update its title
                    val entryIndex = webPageStack.indexOfFirst { it.url == pageUrl }
                    if (entryIndex != -1) {
                        webPageStack[entryIndex] = webPageStack[entryIndex].copy(title = newTitle ?: pageUrl)
                        listAdapter.notifyDataSetChanged()
                    }
                }
            }
        }
    }
    LocalBroadcastManager.getInstance(this).registerReceiver(
        titleUpdateReceiver,
        IntentFilter("com.your.package.PAGE_TITLE_UPDATED")
    )
}

override fun onPause() {
    super.onPause()
    LocalBroadcastManager.getInstance(this).unregisterReceiver(titleUpdateReceiver)
}

• No background threads for WebView: As I mentioned earlier, WebView is tied to the UI thread. All interactions (loading URLs, modifying settings) must happen on the main thread—this is non-negotiable in Android.
• Stack behavior: Android's default activity task stack will handle most of the "restore" logic for you, but if you want custom behavior (like closing a card and removing it from the stack, or reordering cards), you can extend this logic to track activity instances or use unique IDs for each page.
• Memory management: WebViews are memory-heavy. If you plan to have many open cards, consider implementing logic to destroy unused WebView instances when they're not visible to avoid memory leaks.

That should get you to the behavior you want: each web page runs independently, stored as a card in your list, and you can switch back to any page to pick up where you left off!

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