与标准浏览器相比，Android webview显示移动页面的方式不同

Question

我编写了一个简单的Android应用程序，用于在WebView中显示维基百科移动页面：

protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    WebView myWebView = (WebView) findViewById(R.id.webView);
    myWebView.setWebViewClient(new WebViewClient(){
       // @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url){
          view.loadUrl(url);
          return true;
        }
    });

    myWebView.loadUrl("http://en.m.wikipedia.org/");
}

正如您在我的应用程序中看到的，维基百科移动页面的侧边菜单占据了整个屏幕宽度。在Chrome中，它会正确显示，因此可以点按以将菜单移开。

如何修复此问题？谢谢。

以上截图是使用此布局完成的：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >

<WebView
    android:id="@+id/webView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_alignParentLeft="true"
    android:layout_alignParentRight="true"
    android:layout_centerVertical="true" />

我随后尝试了线性布局，结果相同：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >

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

</LinearLayout>

Answer 1

Enable Javascript for the embedded browser.

我刚刚在浏览器中禁用了Javascript并看到了 http://en.m.wikipedia.org/重定向到http://en.m.wikipedia.org/wiki/Main_Page。

如果我点击堆栈图标，网址http://en.m.wikipedia.org/wiki/Special:MobileMenu会加载，我会看到您在屏幕截图中看到的内容。

尝试显式加载http://en.m.wikipedia.org/wiki/Main_Page。我希望维基百科移动页面可以处理少浏览器的浏览器，它似乎可以在我的电脑上处理它。