Android WebView加载本地HTML样式不生效问题求助

在Android模拟器中渲染本地存储的HTML文件时，HTML内容可正常显示，但样式完全不生效。所有HTML文件均包含以下代码引用样式表：

<link href="swscustom.css" rel="stylesheet" type="text/css" />

而swscustom.css又通过@import url(activitytype.css);导入了其他样式文件。以下是对应的ShowResultsActivity代码及本地文件结构：

活动代码 #

private const val RESULT_FOLDER_NAME = "results"

class ShowResultsActivity : AppCompatActivity() {

    private lateinit var webView: WebView
    private lateinit var prevButton: ImageButton
    private lateinit var nextButton: ImageButton

    private val results = mutableListOf<String>()
    private var currentIndex = 0

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

        webView = findViewById(R.id.webView)
        prevButton = findViewById(R.id.prevButton)
        nextButton = findViewById(R.id.nextButton)

        loadResults()
        showResult()
    }

    private fun loadResults() {
        val folder = File(filesDir, RESULT_FOLDER_NAME)
        val resultsFiles = folder.listFiles() {_, name -> name.endsWith(".html")}

        resultsFiles?.forEach { results.add(it.readText()) }
    }

    private fun showResult() {
        val result = results[currentIndex]
        val basePath = "file://${filesDir.absolutePath}/$RESULT_FOLDER_NAME/"

//        val htmlWithBaseURL = "<html><head><link rel='stylesheet' type='text/css' href='${basePath}result.css'></head><body>$result</body></html>"
        println(basePath)
        webView.settings.javaScriptEnabled = true
        webView.loadDataWithBaseURL(basePath, result, "text/html", "UTF=8", null)
    }

    fun showPreviousResult(view: View) {
        if (currentIndex > 0) {
            currentIndex--
            showResult()
        }
    }

    fun showNextResult(view: View) {
        if (currentIndex < results.size - 1) {
            currentIndex++
            showResult()
        }
    }

}

本地文件结构 #

所有HTML文件与swscustom.css、activitytype.css均位于results目录下，层级一致。

1. 替换HTML加载方式，直接加载本地文件URI #

当前代码将HTML文件读取为字符串后通过loadDataWithBaseURL加载，这种方式容易导致相对路径解析异常。改为直接加载文件的URI，让WebView自动处理相对路径：

private fun loadResults() {
    // 存储文件路径而非文本内容
    val folder = File(filesDir, RESULT_FOLDER_NAME)
    val resultsFiles = folder.listFiles {_, name -> name.endsWith(".html")}
    resultsFiles?.forEach { results.add(it.absolutePath) }
}

private fun showResult() {
    val targetFilePath = results[currentIndex]
    webView.settings.apply {
        javaScriptEnabled = true
        allowFileAccess = true // 确保允许访问本地文件
    }
    // 直接加载本地文件URL
    webView.loadUrl("file://$targetFilePath")
}

2. 验证BaseURL与文件路径匹配（若坚持用loadDataWithBaseURL） #

• 确认basePath以/结尾，通过日志检查打印路径是否为file:///data/data/[应用包名]/files/results/格式
• 确保swscustom.css和activitytype.css确实存在于basePath指向的目录中

3. 开启WebView本地文件访问权限 #

在初始化WebView时添加配置，避免文件访问被限制：

webView.settings.allowFileAccess = true

4. 检查CSS文件完整性 #

• 确认swscustom.css和activitytype.css内容无语法错误
• 验证文件已正确写入app私有filesDir目录，该目录无需额外权限即可访问

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