[.6] 플러터-Flutter WebView 웹페이지에 자바스크립트 사용설정 추가

Flutter WebView 웹페이지에 자바스크립트 사용

WebView 웹페이지에서 자바스크립트를 사용하려면 사용 설정을 추가해야 합니다.

---

1. 테스트 웹페이지에 버튼 이벤트가 동작 하지 않음

네이티브 앱 웹뷰(WebView) 구현시 동일한 이슈로 버튼 이벤트가 동작하지 않는 이유는 알고 있었지만?
로그에서 오류 내용을 보고싶어 찾아 보았는데 찾을 수 없었습니다.
(방법 지도 부탁 드려요)

WebView 앱에서 버튼이 동작하지 않음

앞서 테스트했던 Physical Device 연결 상태에서도 별다른 오류 로그가 안보였습니다.
Virtual Device 에 연결을 해 보아도 "Transaction failed..." 정도의 오류가 전부...

Logcat

Run / Console log

---

우선은 생각했던 안드로이드 WebView 에서 자바스크립트 실행 권한 코드를 찾아서 추가해 줍니다.

WebView 에 initialUrl 호출 부분에 "javascriptMode" 코드 추가

javascriptMode: JavascriptMode.unrestricted,

javascriptMode 수정

javascriptMode.unrestricated 추가 후 Build 합니다.

자바스크립트 버튼 동작 확인

역시나 WebView  에서 javascriptMode 가 기본 "disabled" 되어있었 발생한 문제 였습니다.
기본이 "disabled" 일 필요가 있는건가? ㅎㅎ

자바스크립트는 정상적으로 실행 되고 JavaScript  에서 자주보던 오류 로그도 보이기 시작 했습니다?
javascriptMode 활성화 해주어야 로그도 반환 하는건지? ㅎㅎㅎ
천천히 가보도록 하겠습니다.