ウェブビューでウェブ画像が読み込まれない

Question

ウェブページをアンドロイドウェブビューに読み込んで、URLから画像をJavaScript経由でウェブページに読み込みました。ページが読み込まれていないというエラーが表示されます。

[INFO:CONSOLE(0)] "Image from origin 'https://s-media-cache-ak0.pinimg.com' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.", source: file:///android_asset/demo3.html (0)

私のJavaコードは次のとおりです。

WebView wv = (WebView) vw.findViewById(R.id.help_webview); 
    WebSettings webSettings = wv.getSettings(); 
    webSettings.setJavaScriptEnabled(true);webSettings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN); 
    wv.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY); 
    wv.loadUrl("file:///android_asset/demo3.html"); 

そしてXMLは、単純なWeb表示一般に

<WebView 
    android:id="@+id/help_webview" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" > 
</WebView> 

Answer 1

で、ウェブサイトで実行されているJavaScriptコードは、他のウェブサイトからのリソースにアクセスすることはできません。しかし、ウェブサイトのjavascriptは、同じウェブサイトからのリソースにアクセスできる必要があります。これはsame-origin policyと呼ばれ、すべての主要なブラウザで実装されています。あなたのファイルは、ローカル

WebView wv = (WebView) vw.findViewById(R.id.help_webview); 
WebSettings webSettings = wv.getSettings(); 
webSettings.setAllowFileAccess(true). 
webSettings.setAllowFileAccessFromFileURLs(true) 
webSettings.setAllowUniversalAccessFromFileURLs(true). 

である場合

同じことがまた、ネイティブのWebViewにsame-origin-policy-and-android-webview

をAndroidに適用されますが、これらの方法は、API 16で、後に存在し、デフォルトではfalseです、メソッドの下に試すことができますしかし、デフォルトを確実に確認することはおそらく良い考えです。

Answer 2

、これをそれをチェックアウトしてください

wv.setWebViewClient（新WebViewClient（））;

Answer 3

同じエラーが発生しました。 Javascriptはイメージを読み込もうとしますが、上記のエラーが発生します。設定を変更した後、Webviewの設定を下のコードに変更した後：

private void setupSettings() { 
    WebSettings settings = memoryGameView.getSettings(); // memoryGameView is an instance of android.webkit.WebView 
    settings.setLoadWithOverviewMode(true); 
    settings.setUseWideViewPort(true); 
    settings.setJavaScriptEnabled(true); 
    settings.setAllowFileAccess(true); 
    settings.setAllowContentAccess(true); 
    settings.setAllowFileAccessFromFileURLs(true); 
    settings.setAllowUniversalAccessFromFileURLs(true); 
}