热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

android–如何在反应原生中缩小WebView?

我在react-native中使用“WebView”来呈现网页.该网页没有适合移动设备的用户界面.当我在Chrome浏览器中打开它时,它看起来如下所示.而且我想要下面这样但是当我在

我在react-native中使用“WebView”来呈现网页.该网页没有适合移动设备的用户界面.

当我在Chrome浏览器中打开它时,它看起来如下所示.而且我想要下面这样

enter image description here

但是当我在代码下面渲染时,它看起来像下面显示的图像.
请注意我已尝试过不同的道具自动调整内容= {false},scalesPageToFit = {false}.但它没有给我欲望输出.

render(){
const URL = "https://stellarterm.com";
return(
source={{URL}}
/>

结果

enter image description here

如果有,请随时提出任何解决方案.任何第三方图书馆也都可以.

解决方法:

您的网站已在meta中设置了网页宽度

因此,您需要使用injectJavascript覆盖它

injectJavascript = {`const meta = document.createElement(‘meta’); meta.setAttribute(‘content’,’width = device-width,initial-scale = 0.5,maximum-scale = 0.5,user-scalable = 0′); meta.setAttribute(‘name’,’viewport’); document.getElementsByTagName( ‘头’)[0] .appendChild(甲基); `}
scalesPageToFit = {FALSE}


推荐阅读
author-avatar
手机用户2502901265_642
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有