【android】【kotlin】WebViewでJavaScriptを許可する

AndroidでWebViewを使用してウェブページを表示したかったのですが
詰まったところがあったので備忘録として残しておきます。

WebViewでウェブページを表示させてみる。

WebViewでQiitaのTOPページを表示させています。
トレンドが選択されているのに記事が全くでてこない。んん？どうしてだろうと悩んでました。

JavaScriptが使用されているウェブページではWebViewのJavaScriptを有効にする必要がある

調べてみたところ、WebViewのデフォルトの設定だとJavaScriptが無効になっているため
JavaScriptの使用されている箇所が正常に表示できていないということでした

WebViewのJavaScriptを有効にする

今回はDataBindingを使用していたので、下記のようなコードで記述しました。

WebViewActivity.kt

DataBindingUtil.setContentView<ActivityWebViewBinding>(
            this, R.layout.activity_web_view
        ).apply {
            //webview内のJavaScriptを有効にする
            webView.settings.javaScriptEnabled = true

設定後のQiita TOPページ

正しくトレンドの記事が表示されていることが確認できました！

参照

WebView での JavaScript の使用