Amazon S3からWebView Webサイトに画像を読み込む

Question

問題：Android WebViewに表示しようとしているWebサイトがあります。テキストは正常に表示されますが、写真は空白のようです。詳しい調査の後、サイトはAmazon S3ストレージスペースに保存されたイメージを使用します。イメージは、ページがロードされるサーバーから毎回取り出されます。どんな助けも高く評価され、コードと写真は以下の通りです。

画像：ブラウザで

のApp

で

コードWebViewのアクティビティをデバッグするために全力をしようとしてから。 Android WebviewのChromeデバッグを初めて使用したことにご注意ください。私は今何が起こっていたかを見るためにプロファイルの画像コードに絞り込んだ。プロファイル内の画像のURLは上手く表示されますが、画像自体は表示されません。以下のコードは次のとおりです。

<div class="profile-photo pull-right"><img src="http://realzim.s3.amazonaws.com/file/user/realzim/India/25/user_image/1440307265.jpg" width="55" height="55" class="img-thumbnail"></div> 

エラーコード（S）：私は間違っているビットを手に入れた場合

Mixed Content: The page at 'https://www.realzim.com/mobile/' was loaded over HTTPS, but requested an insecure image 'http://realzim.s3.amazonaws.com/file/user/realzim/India/25/user_image/1440307265.jpg'. This request has been blocked; the content must be served over HTTPS. 

Uncaught Error: Bootstrap's JavaScript requires jQuery version 1.9.1 or higher 

、私に知らせてください。このタイプの問題に取り組んだのは初めてのことです。入力は大変感謝します、ありがとう。

Answer 1

さて、私はそれを持っていると思う。まず、Mark BがすばらしいChromeデバッグツールを紹介してくれたことと、私を正しい方向に向けることに感謝します。

元の質問で私は2つのエラーを投稿しました。問題の内容を正確に把握して、もう少し研究を重ねた結果、効果的なソリューションを実装することができました。

if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT){ 
     webSettings.setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW); 
    } 

この基本的には上記のキットカットSDKまたはを実行しているすべての携帯電話のために、常に上の混合コンテンツを設定するのに役立ちます。以下は、この問題を解決する助けたコードです。

このソリューションは、将来的に誰かを助けてくれることを願っています。

リソース：

StackOverflow - Android WebView blocks redirect from https to http