强制反应本网络视图将URL加载为移动设备

Question

在Java中使用Android Studio，我通过添加此代码来实现这一点：

webView.getSettings().setJavaScriptEnabled(true);
webView.getSettings().setLoadWithOverviewMode(true);
webView.getSettings().setUseWideViewPort(true);
webView.getSettings().setSupportZoom(true);
webView.getSettings().setBuiltInZoomControls(true);
webView.getSettings().setDisplayZoomControls(false);
webView.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY);
webView.setScrollbarFadingEnabled(false);

但是我不知道该如何在反应中做到这一点，我尝试了一些CSS样式，但没有任何技巧。

这是我的Webview：

<WebView
  ref="WebView"
  scalesPageToFit={true}
  onLoadStart={this.onLoadStart}
  onLoadEnd={this.onLoadEnd}
  source = {{ uri:this.props.navigation.getParam('main_url', 
  'https://xxxx.xxx/')}}
  style={{backgroundColor: 'transparent',width: '100%'}}
/>:null}

Answer 1

使用用户代理。

注意：这仅用于在Android中起作用。对于iOS，您可以使用此链接更改用户代理现在，它似乎在iOS和Android

上都起作用

<Webview
  userAgent="Mozilla/5.0 (Linux; Android 8.0.0; Pixel 2 XL Build/OPD1.170816.004) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3714.0 Mobile Safari/537.36"
/>

Answer 2

灵感来自Sanyam的评论，您需要设置用户代理以加载为移动设备：

<WebView
    userAgent={DeviceInfo.getUserAgent() + " - MYAPPNAME - android "}
    {...otherProps}
/>