HarmonyOS 鸿蒙Next:web组件加载页面如何强制为浏览器中移动网站兼容模式

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

HarmonyOS 鸿蒙Next:web组件加载页面如何强制为浏览器中移动网站兼容模式

如题。web组件如何进行操作适合手机浏览
 


关于HarmonyOS 鸿蒙Next:web组件加载页面如何强制为浏览器中移动网站兼容模式的问题,您也可以访问:https://www.itying.com/category-93-b0.html 联系官网客服。

2 回复

许多网站(比如百度)会在代码判断当前的UserAgent包含的关键字,如果包含android那就是andorid手机,代码里会专门适配android的情况,如果是ios同理。但是现在鸿蒙还没正式发布,所以许多网页的开发人员没做这块适配。

正常情况,应该是鸿蒙这块不需要考虑,让各大网站的开发人员根据UserAgent去判断Harmony关键字,自己去适配。

参考:https://developer.huawei.com/consumer/cn/doc/harmonyos-faqs-V5/faqs-arkweb-30-V5

但现在如果你就想让他以手机样式显示,那就主动修改UserAgent,添加Android字样,让浏览器误断是android环境显示。

例如下面这样。

Web().onControllerAttached(() => {
      <span class="hljs-comment"><span class="hljs-comment">/**自定义UA*/</span></span>
      <span class="hljs-keyword"><span class="hljs-keyword">let</span></span> userAgent = <span class="hljs-string"><span class="hljs-string">'Android'</span></span> + <span class="hljs-keyword"><span class="hljs-keyword">this</span></span>.controller.getUserAgent() 
      <span class="hljs-keyword"><span class="hljs-keyword">this</span></span>.controller.setCustomUserAgent(userAgent);

    })</code><button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button></pre></div></div>

好的,十分感谢。

回到顶部