メニューを閉じる

テクノデジタルグループ

メニューを開く

2016.08.22

プログラミング

iOSとAndroidでWebViewの実装の違い

坂東です。

ガワネイティブ=Webベースのハイブリッドアプリでは、ネイティブ側はフレームワークの学習が面倒なので自分で実装しています。
どうせたいしたコード量ないですし、バックグラウンドやらGPSやらを細かく制御するなら自分でやるのが一番。

で、iOSとAndroidでWebViewの違いで私がハマったことを書きます。

  1. iOSとAndroidで表示やjavascriptの挙動が違う
    標準のWebViewを捨て、iOSはWKWebView、AndroidはCROSS WALKライブラリを使う!
    これで挙動は安定します。
    特にAndroid。lolipop(5.0)以降のWebViewはChromeぽくてマトモなのですが、それ以前が大変。
    2系やキャリアのブラウザは捨てたとしても、4.0、4.0.3、4.2、4.4.3、5.0と細かい調整が必要。
    CrossWalkなら解決、だだWebViewをアプリに内蔵するのでapkのサイズが30MBぐらい増えます
    iOSでもCrossWalk使うとより完璧だと思います。
  2. iOSはCookieを保存してくれない
    アプリが終了するとCookieが消えるので永続化する必要があります。以下を参考に。
    UIWebViewなどで使うクッキーを再起動しても維持する方法
  3. Androidは input type=’file’ がめんどくさい
    iOSだと普通にカメラかギャラリーが開くんですが、Androidはなにも反応しません。
    標準のWebViewはもう嫌になるぐらい面倒なんですけれど、CrossWalkなら楽勝です。
    Android4.4のWebViewでopenFileChooserが動かない件の対処方法2つ
  4. iOSは onUnload でアニメーションが止まる
    jQueryなどで何かアニメーション処理中に、aタグなどタップして画面遷移始まるとアニメが止まります。
    実用上は問題ないんですけれど、タップでボタンが光る処理やったときにiOSでキモかったです。
    対策はアニメが終わってからaタグのイベント叩くなど泥臭い実装になると思います。

 

よろしくお願い致します。


【記事への感想募集中!】

記事への感想・ご意見がありましたら、ぜひフォームからご投稿ください!
  • こんな記事が読んでみたい、こんなことが知りたい、調べてほしい!という意見も募集中!
  • いただいた感想は今後の記事に活かしたいと思います!

感想フォームはこちら


【テクノデジタルではエンジニア/デザイナーを積極採用中です!】

下記項目に1つでも当てはまる方は是非、詳細ページへ!
  • 自分でアプリを作ってみたい
  • ITで世の中にワクワクを生み出したい
  • 使いやすさ、デザインにこだわったWebサイトを開発したい

採用情報の詳細はこちら


Qangaroo(カンガルー)

  • 徹底した見やすさと優れた操作性で、テストの「見える化」を実現。
  • テストの進捗が見える。開発がスマートに進む。
  • クラウド型テスト管理ツール『Qangaroo(カンガルー)』

【テクノデジタルのインフラサービス】

当社では、多数のサービスの開発実績を活かし、
アプリケーションのパフォーマンスを最大限に引き出すインフラ設計・構築を行います。
AWSなどへのクラウド移行、既存インフラの監視・運用保守も承りますので、ぜひご相談ください。
詳細は下記ページをご覧ください。

https://www.tcdigital.jp/infrastructure/

最近の記事