【快应用】webview接口打开网页,网页会被自动放大,如何适配手机大小
2023-09-11 14:20:23 时间
【现象描述】
通过webview接口打开网页,网页会被自动放大,问题代码如下:
webview.loadUrl({
url: 'https://cdn.langqing.club/jQuery/index.html',
allowthirdpartycookies: true
})
【问题分析】
原因在于快应用加载器没有对网页的比例和屏幕的宽度做适配,默认显示网页实际的宽度,没有将网页内容全部显示在屏幕宽度内。
【解决方法】
可以通过web组件加载网页,并设置overviewmodeinload属性为true规避此问题。代码如下:
<template>
<div class="container">
<web src="https://cdn.langqing.club/jQuery/index.html" overviewmodeinload="true"></web>
</div>
</template>
<style>
.container {
flex-direction: column;
}
</style>
<script>
module.exports = {
data: {
},
onInit() {
this.$page.setTitleBar({
text: 'menu',
textColor: '#ffffff',
backgroundColor: '#007DFF',
backgroundOpacity: 0.5,
menu: true
});
},
}
</script>
欲了解更多更全技术文章,欢迎访问https://developer.huawei.com/consumer/cn/forum/?ha_source=zzh
相关文章
- IE网页木马 - 使用 JS 实现打开网页后直接运行木马程序
- Java网页数据采集器[上篇-数据采集]【转载】
- 【快应用】网页跳转快应用测试指导
- 《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——1.7 不同色彩的网页
- 《移动网页设计与开发 HTML5+CSS3+JavaScript》—— 2.4 微格式
- 《HTML5+CSS3网页设计入门必读》——1.3 理解Web内容递送
- iOS之webview加载网页、文件、html的方法
- SwiftUI macOS使用WebView载入URL网页避免白屏问题
- js利用clipboardData在网页中实现截屏粘贴的功能
- android and webview 网页应用
- 从网页抓取数据的一般方法
- 卡巴斯基2017免费版发布下载:文件/网页杀毒、自动更新/保护
- 知乎上发现的高赞 20 款网页神器,免费又高效,用过后就离不开了!