HarmonyOS鸿蒙Next中webview_flutter打开某些网页显示的不是移动端页面

HarmonyOS鸿蒙Next中webview_flutter打开某些网页显示的不是移动端页面

webview_flutter 打开某些网页显示的不是移动端页面

2 回复

需要通过设置正确的UserAgent来适配移动端页面。

UserAgent格式为：Mozilla/5.0 ({deviceType}; {OSName} {OSVersion}) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36 ArkWeb/{ArkWeb VersionCode} {Mobile}

例如，可以设置 setCustomUserAgent设置

更多关于HarmonyOS鸿蒙Next中webview_flutter打开某些网页显示的不是移动端页面的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在HarmonyOS鸿蒙Next中使用webview_flutter打开某些网页时，如果显示的不是移动端页面，可能是由于网页未正确识别设备类型或未适配移动端。可以通过以下方法解决：

  1. 设置User-Agent：在WebViewController中设置移动端的User-Agent，模拟移动设备访问。例如：

    controller.setUserAgent('Mozilla/5.0 (Linux; Android 10; Mobile) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.120 Mobile Safari/537.36');

  2. 检查网页适配：确保目标网页支持移动端显示，部分网页可能未针对移动设备进行优化。

  3. 强制移动端视图：某些网页可能通过CSS或JS判断设备类型，可以尝试通过注入JS代码强制显示移动端视图。

通过这些方法，可以确保webview_flutter在鸿蒙Next中正确显示移动端页面。

回到顶部