webview에서 표시되는 모바일 웹에 https 적용했을 때 이미지 깨지는 현상 해결

앱에서 webview를 사용할 때 webview에 표시되는 모바일 웹에 HTTPS를 적용했을 때 페이지 내의 HTTP로 되어있는 이미지 url을 표시하지 못하는 현상이 일어났다.

 

해당 이슈는 안드로이드 5.0 이상부터 혼합 콘텐츠와 타사 쿠키를 차단한다고 한다. 즉, 이미지를 표시하지 못하는 현상은 혼합 콘텐츠 차단과 연관이 있는 내용이다. (https://developer.mozilla.org/en-US/docs/Web/Security/Mixed_content)

-> HTTPS 페이지 내에서는 모든 콘텐츠를 HTTPS의 주소로 사용된 것을 가져와야한다.

 

적용코드는 아래와 같다.

WebSettings wsetting = m_webView.getSettings();
if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP)
{
	// https 이미지.
	wsetting.setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);
}