Android実機のデバッグが激しく捗る「Webインスペクタ」
Web制作の「時短」に役立つChromeデベロッパーツールの活用法を紹介する本連載。第4回は、Android端末に表示しているWebサイトを、Chromeデベロッパーツールで検証する「Webインスペクタ」を解説します。 特定デバイスでのバグ、表示崩れの原因を調べたい スマートフォン向けにコーディングをしていると、特定の端末でしか発生しないバグや表示崩れがあります。「特定の端末」の場合、第1回で解説した「Device Mode」では問題が再現せず、原因の特定は困難です。 原因を特定するには、バグ、表示崩れが発生した端末でChromeデベロッパーツールの「Webインスペクタ」を使って、問題のWebページを表示しながら検証します。 Webインスペクタの設定方法 Webインスペクタに使用するAndroid端末の設定を変更します。設定画面を開き、「開発者向けオプション」を表示します。
Chrome Tech Talk Night #4に参加してきました | DevelopersIO
Chrome Tech Talk Night 先日Google Chrome Tech talk Night #4に参加してきました。非常に楽しく、刺激的なセッションとLTを見ることができました。自分の知らなかった素晴らしいツールやサイトの紹介もあったので、当日のメモを中心に、ざっとまとめておきます。ニュアンスと意訳で書いてる部分があるので、そんなこと言ってないよ！等ありましたら、ツッコミをお願いします Session1：モバイルウェブのバリエーションについて Boris Smus 講演スライドリンク 多種多様なモバイルウェブを対象とするアプリケーション開発で、注意すべき事項や、UIの最適化のための様々な情報を紹介。 スクリーン密度の違いによる最適化について 大きさやプラットフォームの違いによるレイアウトの最適化について Inputのバリエーションについて 画像の最適化について 同じ大きさ
安藤日記
安藤日記 安藤日記：デジタルガジェット好き「安藤幸央」の日々のメモ ( yukio.andoh@gmail.com ) [ http://twitter.com/yukio_andoh ] Design Sprint Newsletter https://designsprint.substack.com/ Chrome Tech Talk -------------------- モバイルアプリの最新動向 - High DPI とマルチタッチ （ From High-DPI to multi-touch: cutting edge mobile web ） （講演者:Boris Smus） プレゼン資料 http://smustalks.appspot.com/japan-12/#1 みなさんこんにちは Boris といいます Mt.View で仕事をしています。 モバイルweb開発がい
Android 4.1.1のデフォルトブラウザ＆Chromeで今までのバグが治ってるかどうか検証してみた。 - 笑いながらコードを書く。
手持ちのGalaxy Nexusがアップデートされたのでさくっと検証してみる。 最初から4.1.1の場合はChormeが入ってるようですがアップデートされた場合は デフォルトブラウザが削除されるわけでは無いようなので念のため両方で。 以前はめんどくさくてやってなかったのでもしかしたら4.1.1になる前から治ってたのかもしれませんがその辺りはご愛嬌ということで。 □エラーについて WebTecNote様から http://tenderfeel.xsrv.jp/css/1177/ ありがたく使わせていただきます。 【css】 タップ時にz-indexを無視して下の要素に枠がつく(Android) http://jsdo.it/Atsushi.Mizoue/umju デフォルトブラウザ、Chromeともに問題なし。 【html, css】 マルチバイト文字にfont-weight:boldが効か
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Chrome Mobile Monthly: Responsive vs Separate Sites
Plant the Seed for a Responsive Future
