react native

22.01.13 안드로이드 웹뷰 로드 시 흰 화면만 나오는 문제

슈팅스타제제 2022. 1. 13. 09:25

웹뷰 사용법 

https://velog.io/@max9106/React-Native-%EB%A6%AC%EC%95%A1%ED%8A%B8-%EB%84%A4%EC%9D%B4%ED%8B%B0%EB%B8%8Creact-native-WebView%EC%9B%B9%EB%B7%B0

 

[React Native] 리액트 네이티브(react native) WebView(웹뷰)

WebView란 쉽게 말해서 이미 존재하는 웹 페이지를 앱으로 옮기는 것이다. WebView 사용전 준비 WebView를 사용하기 위해서는 WebView를 import해주어야한다. 원래는 리액트 네이티브 core에 있었지만, 리액

velog.io

방법 1. DOM storage에 저장

webview.setDomStorageEnabled(true);

https://www.masterqna.com/android/94433/%EC%9B%B9%EB%B7%B0-%EB%A1%9C%EB%93%9C%EC%8B%9C-%ED%9D%B0-%ED%99%94%EB%A9%B4%EB%A7%8C-%EB%82%98%EC%98%A4%EB%8A%94-%EB%AC%B8%EC%A0%9C

 

안드로이드 - 웹뷰 로드시 흰 화면만 나오는 문제. - 안드로이드 Q&A

webview.setDomStorageEnabled(true); 를 추가해보시는건 어떨까요? javascript를 사용하는 웹의 경우에는 DOMStorage를 사용하는 경우도 있기 때문에.. 만일, DOMStorage가 허용되지 않았다면 javascript가 뻗으면서

www.masterqna.com

방법 2. SSL 인증서 에러 방지 코드 추가 

@Override
 public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) {   
     handler.proceed(); // SSL 에러가 발생해도 계속 진행
 }

https://kplee.tistory.com/6

 

웹뷰에서 SSL 인증에러가 날 경우 화면이 나오지 않음.

기기에 따라서 어떤 인증기관의 인증서를 root CA로 인식하는지 다를 경우가 있다고 함. 보통 root CA 로 서명되지 않은 인증서는 에러를 발생시키는데 이러한 경우 웹뷰 페이지가 로드 되기전에 인

kplee.tistory.com

방법 3. 웹뷰 세팅하는 부분에서 다음 코드 추가

mWebView.setWebViewClient(new SslWebViewConnect());

https://onedaycodeing.tistory.com/23

 

WebView SSL에러로 인해 흰색페이지에서 멈춰있을때

public class SslWebViewConnect extends WebViewClient { @Override public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) { handler.proceed(); // SSL 에러가 발생해도 계..

onedaycodeing.tistory.com

방법 4. 웹뷰 세팅하는 부분에서 SSL인증서 에러 무시하는 코드 추가 

    // 웹클라이언트 세부 설정
    private class WebViewClientClass extends WebViewClient {
        // SSL 인증서 무시
        @Override
        public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) {
            handler.proceed();
        }

https://blog.ysoft.kr/33

 

안드로이드 웹뷰 사용 및 설정, SSL 무시

Activity에서 처리하는 경우 activity_main.xml MainActivity.java WebView mWebView; WebSettings mWebSettings; protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); se..

blog.ysoft.kr

방법 5. SSL인증서가 없는 경우 에러 무시하는 코드 

webView1.setWebViewClient(new SslWebViewConnect());
//ssl 인증이 없는 경우 해결을 위한 부분
webView1.setWebChromeClient(new WebChromeClient() {
    @TargetApi(Build.VERSION_CODES.LOLLIPOP)
    @Override
    public void onPermissionRequest(final PermissionRequest request) {
        request.grant(request.getResources());
    }
});

https://minaminaworld.tistory.com/85

 

웹뷰(webview) 하얗게 나오는 경우(ssl인증 무시하기)

웹뷰(webview) 하얗게 나오는 경우(ssl인증 무시하기) 대형 사이트들의 경우 https 통신과 ssl 인증서가 있음으로 웹뷰를 통해서 정상적으로 표시가 되나 없는 경우 하얗게 아무것도 안나오는 경우가

minaminaworld.tistory.com

방법 6. SSL 에러 무시하는 코드 

 @Override
public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) {
    handler.proceed(); // Ignore SSL certificate errors
}

http://daplus.net/android-android-webview%EA%B0%80-https-url%EC%9D%84%EB%A1%9C%EB%93%9C%ED%95%98%EC%A7%80-%EC%95%8A%EC%9D%8C/

 

[android] Android WebView가 HTTPS URL을로드하지 않음 - 리뷰나라

public void onCreate(Bundle savedInstance) { super.onCreate(savedInstance); setContentView(R.layout.show_voucher); webView=(WebView)findViewById(R.id.webview); webView.getSettings().setJavaScriptEnabled(true); webView.getSettings().setBuiltInZoomControls(t

daplus.net

방법 7. 위와 동일하며 코드를 어디에 추가할지 나와있는 문서

https://jhshjs.tistory.com/120