2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

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

Last updated at Posted at 2020-08-26

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

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

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

screenshot-1598451884665.jpg

###JavaScriptが使用されているウェブページではWebViewのJavaScriptを有効にする必要がある
調べてみたところ、WebViewのデフォルトの設定だとJavaScriptが無効になっているため
JavaScriptの使用されている箇所が正常に表示できていないということでした:cold_sweat:

#WebViewのJavaScriptを有効にする

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

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

#設定後のQiita TOPページ

screenshot-1598451950517.jpg

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

#参照
WebView での JavaScript の使用

2
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?