Android webviewが正しくウェブサイトをロードしていない

Question

私はウェブサイトをロードしようとしています：Citibank。

これは、Chromeブラウザ（モバイルとデスクトップ）で正常に読み込まれます。 しかし、私のwebviewアプリではスタイルやJavaScriptが読み込まれません。

注：デスクトップのWebサイトを読み込もうとしています。

package com.example.asd.webproj; 

import android.app.Activity; 
import android.support.v7.app.AppCompatActivity; 
import android.os.Bundle; 
import android.webkit.WebChromeClient; 
import android.webkit.WebView; 
import android.webkit.WebViewClient; 
import android.widget.Toast; 

public class MainActivity extends AppCompatActivity { 
    private WebView mWebview ; 


    @Override 
    protected void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     mWebview = new WebView(this); 
     mWebview.setWebChromeClient(new WebChromeClient()); 
     mWebview.setWebViewClient(new WebViewClient()); 
     mWebview.getSettings().setUserAgentString("Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.95 Safari/537.36"); 
     mWebview.getSettings().setAllowFileAccessFromFileURLs(true); 
     mWebview.getSettings().setAllowUniversalAccessFromFileURLs(true); 
     mWebview.clearCache(true); 
     mWebview.clearHistory(); 
     mWebview.getSettings().setAllowContentAccess(true); 
     mWebview.getSettings().setDomStorageEnabled(true); 
     mWebview.getSettings().setJavaScriptEnabled(true); // enable javascript 
     mWebview.getSettings().setBuiltInZoomControls(true); 
     mWebview.getSettings().setSupportZoom(true); 
     mWebview.getSettings().setLoadWithOverviewMode(true); 
     mWebview.getSettings().setUseWideViewPort(true); 

     mWebview.getSettings().setBuiltInZoomControls(true); 
     mWebview.getSettings().setDisplayZoomControls(false); 

     mWebview.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY); 
     mWebview.setScrollbarFadingEnabled(false); 

     final Activity activity = this; 

     mWebview .loadUrl("https://www.citibank.com.hk/HKGCB/JSO/signon/DisplayUsernameSignon.do?locale=en_HK"); 
     setContentView(mWebview); 
    } 
} 

私が見ることを期待することは、このようなものです：： これは私のコードです しかし、私が見るものは次のとおりです。

Answer 1

は、このコード行を試してみてください、

mWebview = new WebView(this); 

     mWebview.getSettings().setJavaScriptEnabled(true); // enable javascript 

     final Activity activity = this; 

     mWebview.setWebViewClient(new WebViewClient() { 
      public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) { 
       Toast.makeText(activity, description, Toast.LENGTH_SHORT).show(); 
      } 
     }); 

     mWebview.loadUrl("https://www.citibank.com.hk/HKGCB/JSO/signon/DisplayUsernameSignon.do?locale=en_HK"); 
     setContentView(mWebview); 

注：：ユーザーエージェント文字列を設定すると、問題が解決する場合もありません。サイトが探しているユーザーエージェント文字列によって異なります。 現在使用されているユーザエージェントの文字列は次のとおりです。https://deviceatlas.com/blog/list-of-user-agent-strings

Answer 2

ここでは、Mac OSのバージョンでUAを使用しています。 Androidの携帯電話ベースのUA文字列を追加します。 はこのライン

mWebview.getSettings().setUserAgentString("Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.95 Safari/537.36"); 

を削除し、ユーザエージェントがWebKitのある宣言で問題がある。このUA文字列

Mozilla/5.0 (Android 4.4; Mobile; rv:41.0) Gecko/41.0 Firefox/41.0 

Reference 1

Reference 2

Answer 3

を追加します。それはデフォルトのWebkitブラウザに読み込まれているはずで、javascriptを有効にする必要があります。

mWebview.getSettings().setUserAgentString("Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.95 Safari/537.36"); 

このコード行を試してください。

package com.example.asd.webproj; 

import android.app.Activity; 
import android.support.v7.app.AppCompatActivity; 
import android.os.Bundle; 
import android.webkit.WebChromeClient; 
import android.webkit.WebView; 
import android.webkit.WebViewClient; 
import android.widget.Toast; 

public class MainActivity extends AppCompatActivity { 
    private WebView mWebview ; 


    @Override 
    protected void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     mWebview = new WebView(this); 
     mWebview.setWebChromeClient(new WebChromeClient()); 
     mWebview.setWebViewClient(new WebViewClient()); 
     mWebview.getSettings().setAllowFileAccessFromFileURLs(true); 
     mWebview.getSettings().setAllowUniversalAccessFromFileURLs(true); 
     mWebview.clearCache(true); 
     mWebview.clearHistory(); 
     mWebview.getSettings().setAllowContentAccess(true); 
     mWebview.getSettings().setDomStorageEnabled(true); 
     mWebview.getSettings().setJavaScriptEnabled(true); // enable javascript 
     mWebview.getSettings().setBuiltInZoomControls(true); 
     mWebview.getSettings().setSupportZoom(true); 
     mWebview.getSettings().setLoadWithOverviewMode(true); 
     mWebview.getSettings().setUseWideViewPort(true); 

     mWebview.getSettings().setBuiltInZoomControls(true); 
     mWebview.getSettings().setDisplayZoomControls(false); 

     mWebview.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY); 
     mWebview.setScrollbarFadingEnabled(false); 

     final Activity activity = this; 

     mWebview .loadUrl("https://www.citibank.com.hk/HKGCB/JSO/signon/DisplayUsernameSignon.do?locale=en_HK"); 
     setContentView(mWebview); 
    } 
}