Android 上的电容器无法使用视口“缩小”页面

Answer 1

典型！当我发布这个问题时，我偶然发现了答案（在 ChatGPT 的帮助下）

你必须在Java端的WebView上将这两个设置为

true

：

    webSettings.setUseWideViewPort(true);
    webSettings.setLoadWithOverviewMode(true);

我的

MainActivity.java

的完整代码（减去包行）如下所示：

import com.getcapacitor.BridgeActivity;
import android.os.Bundle;
import android.webkit.WebSettings;
import android.webkit.WebView;

public class MainActivity extends BridgeActivity {

 @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    // Grab WebView
    WebView webView = (WebView) findViewById(R.id.webview);
    WebSettings webSettings = webView.getSettings();

    // The Magic
    webSettings.setUseWideViewPort(true);
    webSettings.setLoadWithOverviewMode(true);
  }
}

为此，您必须提供您的 WebView 和 id。编辑

activity_main.xml

，使

WebView

标签如下所示：

    <WebView
        android:id="@+id/webview"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

现在可以了！您可以缩小和放大！