如何在反应原生中缩小WebView？

Question

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

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

但是当我在代码下面渲染时,它看起来像下面显示的图像.请参阅我已经尝试了不同的道具automaticallyAdjustContentInsets = {false},scalesPageToFit={false}.但它没有给我欲望输出.

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

结果

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

Answer 1

您的网站已在meta中设置了网页宽度 <meta name="viewport" content="width=1080">

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

injectedJavaScript={`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('head')[0].appendChild(meta); `} scalesPageToFit={false}