如何让 webview_flutter 使用wideviewport？

Question

当我使用webview_flutter加载我的 Wix 网站时，它不会全屏显示，但它可以使用flutter_webview_plugin 工作，我认为问题在于webview_flutter并没有在本机设置宽视口webView.getSettings().setUseWideViewPort(true); 那么我怎样才能让它使用这个宽视口呢？

Answer 1

因此，经过 24 小时的调试，我能够通过 fork 包并自己修改本机代码来达到预期的效果。

修改是在文件WebViewBuilder.java 上，只需添加行webStettings.setUseWideViewPort(true); 激活宽视口

Answer 2

如果您自己控制加载的 html（或者它只是一些嵌入代码），请尝试在头部添加视口元标记； 例如：

<html>
<head>
  <meta name="viewport"  content="width=device-width, initial-scale=1, maximum-scale=1"/>
</head>
<body>
<script async="" src="https://url-to-the-embed-code-you-are-using"></script>
</body>
</html>

如何让 webview_flutter 使用wideviewport？

问题描述

2 个解决方案

解决方案1
0 2021-09-23 11:19:37

解决方案2
0 2021-12-23 08:29:28

如何让 webview_flutter 使用wideviewport？

问题描述

2 个解决方案

解决方案1 0 2021-09-23 11:19:37

解决方案2 0 2021-12-23 08:29:28

解决方案1
0 2021-09-23 11:19:37

解决方案2
0 2021-12-23 08:29:28