2024年以降でも Android で WebView ベースのアプリを作るあなたへ
こんにちは！アルダグラムでエンジニアをしている渡邊です！ 本記事は株式会社アルダグラム Advent Calendar 2023 1日目の記事です。 早いもので2023年もあと一ヶ月となり、2024年もまもなくです。最近モバイルアプリのクロスプラットフォーム開発では Flutter や Kotlin Multiplatform などをよく見かけます。 しかしクロスプラットフォーム開発といえば... そう WebView を使った方法があります。 これは WebView で HTML を表示させることで Android や iOS などで共通に画面を作成する方法で、モバイルアプリ開発の初期からあった方法です。 プロジェクトの構成や工数、実装難易度によって WebView を使った開発を採用することもあると思いますが、個人的な意見としてそれは選択肢としてアリかと思っています。 最近アプリチーム
[Android]WebViewにAdblockを実装する - Qiita
WebViewの広告を消したい javascriptをオフにすれば大抵の広告は消えるけど、javascriptが使えないと何かと不便なので、adblockを実装したときのメモです。英語ではそれなりに資料が合ったのですが、日本語のページが見つからなかったので。 参考 このページを追えば実装できます https://www.hidroh.com/2016/05/19/hacking-up-ad-blocker-android/ 広告のホスト一覧 https://sites.google.com/site/hosts2ch/ ↑無くなっていたので↓を使わせていただくのが良さそうです。 https://qiita.com/AKKYM/items/9772884e925c0647adb7 だいたいの流れ WebViewClient.shouldInterceptRequest()をオーバーライドして
![[Android]WebViewにAdblockを実装する - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/5338b79189e7b28ea52e69eb7675020db3cffdf7/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCQW5kcm9pZCU1RFdlYlZpZXclRTMlODElQUJBZGJsb2NrJUUzJTgyJTkyJUU1JUFFJTlGJUU4JUEzJTg1JUUzJTgxJTk5JUUzJTgyJThCJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz0xNjQ1NjY0ZGE0NDgzYWI1MzZmYzNjOWU0M2FlMGRlMg%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBfdGFjcHRhYyZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9Y2Q2MWMwZWE2Yzg3OWRmNTg3YjllOGE1YmVkMTgzMjQ%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D33936d7c3e50bdbeb191e21125e918b3)
WebView セキュリティの新機能
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
Android4.4のWebViewでopenFileChooserが動かない件の対処方法２つ JavascriptInterfaceを使う／Crosswalkを使う - Androidはワンツーパンチ 三歩進んで二歩下がる
WebViewで表示しているページ上で、ユーザーがボタンを押したらローカルのイメージ一覧を表示するような処理があるとします。 そして、ボタンを押されたイベントをネイティブで受け取る→暗黙的Intentでギャラリーを呼び出しファイルを選択させるということをしようとするとします。 この場合、WebChromeClientを拡張してopenFileChooserメソッド又はonShowFileChooserメソッド(Lollipop以上のバージョンはメソッド名が変わっています)をoverrideして、ネイティブ側でイメージ一覧を表示する方法が考えられますが、Android4.4ではopenFileChooserメソッドが取り除かれていてメソッドが呼び出されないという不具合があります。 Issue 62220 - android - openFileChooser not called when
GapDebugを使えばWindowsでもiOSアプリの実機デバッグができます
Monacaではクラウド上にビルド環境がありますので、Mac OSXではない方でもiOSアプリのビルドが可能です（予め証明書、プロビジョニングは登録しておく必要はあります）。しかし実機のデバッグを行う際にはMac OSXのSafariを立ち上げて、iOSとMac OSXを接続する必要がありました。 もちろん開発途中であればMonacaデバッガーを使って開発できますが、実際のアプリになると話が違います。結局、iOSアプリを開発する際にはMac OSXが必要なのか…とお思いの方も多いのではないでしょうか。 そこで紹介したいのがGapDebugです。GapDebugはWindows（Mac OSXも）向けに提供されているソフトウェアで、MonacaをはじめPhoneGapやCordovaアプリのデバッグを行うソフトウェアになります。 ダウンロード&インストール
AndroidのWebViewでiFrame内のリンクをクリック時に外部ブラウザに飛ばす方法 - Androidはワンツーパンチ 三歩進んで二歩下がる
WebViewにてURLで処理を制御する時にお馴染みですが、 WebViewClientのオブジェクトをWebViewにセットして、shouldOverrideUrlLoadingメソッドをoverrideする方法を取ります。 ですが、iFrame内のリンクをクリックした時はshouldOverrideUrlLoadingが呼ばれません。 iFrame内でリンク先が遷移するので、外部ブラウザに飛ばしたり他の処理をさせたい場合は別のメソッドをoverrideする必要があります。 onLoadResourceを使って例えば以下のように記述すると、iFrameのイベントを拾って外部ブラウザに遷移させることが出来ます。 @Override public void onLoadResource(WebView view, String url) { if (url.contains("https:/
WebView textarea doesn't pop up the keyboard
When I display a WebView, I don't see the soft keyboard popping up. The hard keyboard also doesn't work! What are the usual shortcomings. The code which I use to access the WebView is: package com.example.blahblah; import android.app.Activity; import android.content.Intent; import android.content.SharedPreferences; import android.os.Bundle; import android.os.Handler; import android.preference.Pref
WebViewの長押しイベントについて（2.3以降） - ほげほげ（仮）
以前、WebViewの長押しについて書きましたが 2.3からどうも挙動が変わってるみたいなのでメモしておきます。 （ついでに前回の記事で一部ミスってたので修正しておきました。） ざっと確認したところ、WebViewのどこを押しても長押しのイベントが走るみたいです。 確認するためのコードは以下のようになります。前回とほぼ一緒ですが。 mWebView.setOnLongClickListener(new View.OnLongClickListener() { @Override public boolean onLongClick(View view) { Log.d(TAG, "onLongClick"); WebView webView = (WebView) view; WebView.HitTestResult hr = webView.getHitTestResult(); Lo
In a WebView is there a way for shouldOverrideUrlLoading to determine if it is catching a redirect vs. a user clicking a link?
I had a similar problem. I needed to open a page in a WebView in my activity. However, when users clicked on a link in the page, I wanted it to be opened in a "new window," meaning the browser activity. This posed a problem if the page has a redirect. In order to accomplish this, I did the following: I only show the webview once the page has finished loading. I keep a boolean telling me when the p
Android : WebView と HttpClient 間で セッションを同期する
WebViewでログインした後、HttpClientを呼び出すと・・・あれログインしていないジャン！ 逆もまたしかり。 Androidの中ではWebViewとHttpClientは、例えれば別のブラウザとして扱われるようです。 この件についてはあちらこちらで説明されています。 [Android]WebView、HTTPClientでSessionを共有する HttpClientとWebViewの連携 が、更になんも考えないで済むように同期だけを行うクラスを作成してみました。よかったらどうぞ。 [code lang=”java” light=”true”] package your.package; import java.util.List; import org.apache.http.client.CookieStore; import org.apache.http.cookie.C
AndroidのDefaultHttpClientでログインしたcookieをWebViewとVolleyで使いまわすとき - きょこみのーと
参考URL: http://stackoverflow.com/questions/16819245/what-is-the-simplest-way-to-load-an-image-using-volley-when-i-need-to-use-a-cook そもそもログインをVolleyでやってそのCookieをWebViewで共有すればいいのであまり需要ないかも private void login() DefaultHttpClient httpClient = new DefaultHttpClient(); HttpGet httpGet = new HttpGet(encodeURL); HttpResponse objResponse = httpClient.execute(httpGet); if (objResponse.getStatusLine().getSta
webviewなAndroidアプリでFlashを使っている時に、backgroundに回った時にFlashを中断（音や動画の停止）する方法 - harukazepc’s blog
Android2.2以上であれば、WebView内でもFlashなコンテンツが利用できます。 以下のように、WebViewの設定を実施する必要があります。 public class WebViewApl extends Activity { ... WebView wv = new WebView(this); // Flash等のプラグインを有効にする wv.getSettings().setPluginState(WebSettings.PluginState.ON); ... } ここで、たとえば HOMEボタンの押下等でアプリを中断するときに、Flash等WebViewの動作自体も止めたくなります。 たとえば、Flash内でBGM等の音声が流れているとして、backgroundに回った時には止めたい、とか。 ActivityのonPauseで、再度 setPluginState(W
[Android]TabHost+WebViewでハマる
久しぶりの更新になります。Androidを担当しています、森脇です。 Androidの開発をしていると、デザイン上どうしてもiPhoneと同じ下位置でのタブレイアウトを求められることがあります。 ですがこちらにもあるようにAndroidでの下位置でのタブレイアウトは推奨されていません。 Don't use bottom tab bars Other platforms use the bottom tab bar to switch between the app's views. Per platform convention, Android's tabs for view control are shown in action bars at the top of the screen instead. In addition, Android apps may use a bott
![[Android]TabHost+WebViewでハマる](https://cdn-ak-scissors.b.st-hatena.com/image/square/126e9c63960837b5815901e11e1f6c1303c17f2b/height=288;version=1;width=512/https%3A%2F%2Fblog.seesaa.jp%2Fimg%2Fogp_logo.png){kind=logo}
Android4.0 WebView で Flash再生できない時-Oboe吹きプログラマの黙示録
Google guice Google guice Homepage mybatis(iBATIS3) Google code Project Old JDK Old version JDK このサイト Wicke タグ書き換えなど Java祝日計算 祝日法に沿って作ってみた。 My Element 使い回し Android 4.0 WebView で、Flash 再生しようとすると、以下エラーが発生 call to OpenGL ES API with no current context (logged once per thread) couldn't load the vertex shader! couldn't load the vertex shader! couldn't load the vertex shader! couldn't l
AndroidでDialogにwebページを表示させる
webのロード完了を待って、Dialogを表示させる。 webのロード中は、ProgressDialogを表示させておく。 final ProgressDialog progress_dialog = new ProgressDialog(this); progress_dialog.setProgressStyle(ProgressDialog.STYLE_SPINNER); progress_dialog.setMessage(getString(R.string.dialog_loading_data)); progress_dialog.show(); final Dialog dialog = new Dialog(this); dialog.setContentView(R.layout.webview_dialog); dialog.setTitle(getString(R.
Android ブラウザキャッシュ
先日公開した、RSSReaderでは、記事を表示するのに、テキストのみ表示のTextViewと、リンクされている画像も表示できる、WebViewの２種類を用意し設定で切り替え可能にしている。 WebViewの使用は、作り手としては、非常に便利ではあるが、いちいちネットワークアクセスにいくため、速度が遅い事、無用なパケットが発生するので２種類用意をした。 記事からリンクされている画像は、WebViewにより自動的に取得されるため、ローカルデータベースには格納しておらず、テキストのみを保存している。このためアプリケーションが持つデータサイズは、そんなに大きくならないはずだが、Home -> Setting からアプリケーション情報を見ると７Ｍにもなっていた。理由はWebViewが持つキャッシュ、このキャッシュは、ブラウザアプリケーションとは共有されず、各アプリケーションのディレクトリに作成され
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Android WebView smooth scroll
Android WebView: handling Geolocation permission request
http://blog.asial.co.jp/1296
WebSettings#setPluginEnabledはdeprecated，WebSettings#setPluginStateを使う
