モバイルファースト時代のWebアプリケーションデバッグ手法 - クックパッド開発者ブログ

買物情報事業部の前田 (@TakatoshiMaeda) です。 Webアプリケーションを開発していると、思ったようなスタイルが適用されなかったりJavaScriptの挙動が意図しないものとなっているケースがままあります。そのような時に、Chrome Developer ToolsやSafari Web Inspector等を用いてスマートフォン実機に接続をしてデバッグしますが、 Android標準ブラウザ Android/iOSアプリケーション内部のWebView*1 ではインスペクタとの連携に対応しておらず、上記ブラウザでのみ再現がされる不具合に対してはHTML/CSSの確認やJavaScriptを実行しながらのデバッグは基本的に出来ません。 weinreというデバッグツールを用いて、上記ブラウザ環境下でWebアプリケーションのデバッグを行う方法について紹介します。 weinre we

[takatoshi-maeda]

書きました(デバッグネタ2連チャン

[gayou]

weinreは便利だよね。会社でも使ってる。

[kkeisuke]

“weinre”

[tomiyanx]

Android標準ブラウザ、Android/iOSアプリケーション内部のWebViewでのデバッグ方法

[kani_b]

モバイルデバッグネタ連チャン