Android 4.4.2以下で起こる、特にうざったい不具合・バグの解決法【厳選4策】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 突然ですが、みなさんの嫌いなブラウザはなんですか？ IE8とかでしょうか。わかりますその気持ち。しかし、ブラウザ界にはもっと厄介な野郎がおります。 それが、Androidブラウザです。 一部ではChromeに似た性能などと言われておりますが、開発者からしたら、えっ・・・(；´Д｀)といった感じです。Android OS 4.4.4辺りからかなりよくなってきましたが、4.4.2以下はiOS基準でコーディングすると不具合ありまくり。 そんなAndroidさんのバグ・不具合の中でも、今回はとりわけネット上で解決策が見つかりにくかったものと、その解決策をまとめてみました。ぜひ参考にしていただければと思います。 ▼目次 position: fixedを指定している要素に%でwidthを指定すると無視される Web
Androidでつまずいたバグについてのまとめ
こんにちは、工藤です。 Android4系の標準ブラウザのバグで引っかかってしまったことがいくつかあったのでメモです。 <p>要素が指定した幅に広がらない 原因はおそらくその時のviewportの指定の仕方です。 例えば<p>要素が『100%』としても横幅いっぱいに広がらず、勝手に折り返しされてしまうことがありました。 対策としては『background』の要素を指定してあげると指定したサイズになりました。 背景が白い要素でしたら『background:#FFFFFF;』などを指定してあげるとよいです。 ただ、背景色を付けられないという場合もあるかと思います…。今回の私がそうでした。 なるほどと思ったのは『透過した画像をおく』ということでした。 今回私は透過pngを置いて何とか回避できました。 もしかしたら背景に要素を置いただけではうまく表示できない可能性もあるのですが、その時はサイズも指
Android 標準ブラウザで動的にDOM操作したときにCSS隣接セレクタが適用されないバグ - Qiita
CSSの隣接セレクタにバグがあるもよう。 静的なhtmlでは問題ないようだが、class属性を動的に変更した場合などはうまく適用されないようだ。 <a class="btn">Class属性変更するボタン</a> <div class="block-a">A</div> <div class="block-b">B</div> //jQuery使用 $('a.btn').on('click', function(){ $('.block-b').after('<div class="block-c">C</div>'); //Bブロックの後にCブロックを挿入 $(this).addClass('add'); }); a.btn ~ .block-a { /* 赤字になる */ color: #f00; } a.btn.add ~ .block-b { /* 赤字にならない */ color
STF – 無数のAndroidデバイスをWebブラウザから操作
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Androidはデバイスの種類が多いのでテストするのも大変です。そのため、一人で全てのデバイスをテストするのが困難で、ついついエミュレータベースでテストしてしまいます。しかし解像度が異なる場合や機能やスペックが異なるために快適な操作が得られるかは分かりません。 そこで使ってみたいのがSTF（Smartphone Test Farm）です。Mac OSXやLinuxにつないだAndroidをWebブラウザから操作できるリモートコントローラです。 STFの使い方 STFをセットアップしたら、Webブラウザからアクセスします。そうすると接続されているAndroidデバイスが一覧表示されます。 クリックするとAndroidの画面が確認できます。この画面上から操作ができます。 アプリを立ち上
Android ブラウザのキャッシュクリアする方法
スマートフォン用のサイトを作っていて、実機で確認しながら修正したりすると、変更してサーバにアップしたにも関わらず、あれっ変わってないていうことを何度も経験しちゃう。。。 単純にキャッシュクリアできてなくて、古いファイルを読みにいっているだけというオチなのですが。 いつもどうやってキャッシュクリアするんだっけ？ってなるので、メモ。 アンドロイド端末でキャッシュクリアする方法 方法① ブラウザ開いた状態で、 [メニュー] ↓ [その他] ↓ [設定] ↓ [キャッシュを消去] ↓ [OK] アンドロイド端末でキャッシュクリアする方法 方法② [設定] ↓ [アプリケーション] ↓ [アプリケーションの管理] ↓ [すべて] ↓ [ブラウザ] ※chrome や firefoxなど使用しているブラウザを選択 ↓ [キャッシュを消去] 20140314追記 Android 4.X ブラウザキャッシ
利用者のブラウザ・OS・バージョンを取得できるクラスライブラリ「Browser.php」:phpspot開発日誌
Browser.php ? Detecting a user’s browser from PHP | Chris Schuld's Blog 利用者のブラウザ・OS・バージョンを取得できるクラスライブラリ「Browser.php」。 $obj = new Browser(); のようにして、$obj->getBrowser() メソッドでブラウザが取得できてしまう便利ライブラリのご紹介です。 検索ボットやAndroid、iPhoneなんかにも対応しているようです。 その他、OSの判別なんかも細かくやってくれるみたいなので便利そう。 関連エントリ PHPで使えるブラウザ等プラットフォーム検出用クラス
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブブラウザ経由で同じWi-Fi上にあるAndroid携帯を遠隔操作できる『LazyDroid』 | ライフハッカー・ジャパン
ワイヤーフレームやユーザーインターフェイスのデザイン用のフリーの素材集