HarmonyOS 鸿蒙Next:web组件加载页面如何强制为浏览器中移动网站兼容模式
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>
好的,十分感谢。
回到顶部