WebView加载url无法滚动 HarmonyOS 鸿蒙Next

发布于 1周前 作者 caililin 来自 鸿蒙OS

WebView加载url无法滚动 HarmonyOS 鸿蒙Next

加载这个https://blog.csdn.net/qq_35812205/category_12578269.html 无法滚动

ua是这个
Mozilla/5.0 (Phone; OpenHarmony 5.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36 ArkWeb/4.1.6.1 Mobile CSDNApp/6.3.5(OHOS) AnalysysAgent/Hybrid

2 回复
// xxx.ets
import web_webview from '[@ohos](/user/ohos).web.webview'

[@Entry](/user/Entry)
[@Component](/user/Component)
struct WebComponent {
controller: web_webview.WebviewController = new web_webview.WebviewController()
[@State](/user/State) mode: WebLayoutMode = WebLayoutMode.FIT_CONTENT

build() {
Column() {
Text("这里是头部区域")
.width("100%")
.height('30%')
.backgroundColor("#f89f0f")
.fontSize(28)
.fontColor("#FF0F0F")
Web({ src: $rawfile('Index.html'), controller: this.controller })
.width('100%')
.height(200)// .layoutMode(this.mode)
.zoomAccess(false)
.domStorageAccess(true)
.overviewModeAccess(true)
.imageAccess(true)
.onlineImageAccess(true)
.fileAccess(true)
.databaseAccess(true)
Text("这里是底部区域")
.fontSize(28)
.fontColor("#FF0F0F")
.width("100%")
.height('40%')
.backgroundColor("#f89f0f")
}
.width('100%')
.height('100%')
}
}

在HarmonyOS鸿蒙Next平台上,WebView加载URL无法滚动的问题可能由多种因素导致。首先,确保WebView组件本身是可滚动的。在XML布局文件中,检查WebView是否设置了足够的尺寸以允许内容滚动。如果WebView尺寸固定且内容超出,滚动条应自动出现。

其次,检查WebView加载的URL内容。如果页面内部CSS或JavaScript限制了滚动(例如,overflow: hidden;),则需要在页面源码中调整这些设置。

再者,确认WebView的加载方式。使用loadUrlloadData等方法时,确保URL或数据格式正确无误。对于复杂页面,使用loadDataWithBaseURL可能更合适,因为它允许加载相对路径的资源。

此外,检查是否有其他视图或布局覆盖了WebView的滚动区域,导致滚动事件被拦截。

最后,确认HarmonyOS SDK和WebView组件的版本是否支持当前的开发需求,有时版本更新会修复此类问题。

如果以上步骤均无法解决问题,可能是系统或特定设备的问题。建议在不同设备或模拟器上测试以排除设备因素。如果问题依旧没法解决请联系官网客服,官网地址是:https://www.itying.com/category-93-b0.html

回到顶部