2

以下を見ると、モバイル デバイス用に設計された Web アプリの部分的なスクリーンショットがあります。Androidでは、たくさんのキャラクターが積み重なったような独特の緑色の形をしています。Ice Cream Sandwitch にアップグレードしましたが、同じことが起こっています。そして、それは私が地図を持っているページにのみあります.

誰かがこのようなものを見たことがありますか、または何が原因であるかを知っていますか?

これは、濃い森の緑の [ログオフ] リンクに隣接しています。

ここに画像の説明を入力

アップデート：

Google Maps API v3 に絞り込みました。コンストラクターを呼び出すと発生しますが、修正方法や削除方法はまだわかりません。

var map = new google.maps.Map(document.getElementById('map'), {
    'zoom': 16,
    'center': new google.maps.LatLng(39.205316, -96.305485),
    'mapTypeId': google.maps.MapTypeId.HYBRID,
    zoomControlOptions: {
        position: google.maps.ControlPosition.LEFT_BOTTOM
    },
    mapTypeControlOptions: {
        position: google.maps.ControlPosition.RIGHT_BOTTOM,
        style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
    }, 
    streetViewControlOptions: {
        position: google.maps.ControlPosition.LEFT_BOTTOM
    },             
    panControlOptions: {
        position: google.maps.ControlPosition.LEFT_BOTTOM
    }                      
});

更新 #2:

Chrome Mobile でデバッグしようとしましたが、表示されません。Android ICS ブラウザーでのみ表示されます。

解決：

Android ICS ブラウザーが CSS でうまく動作しないようですtext-indent: -9999em;

私のロゴ要素には、次の html がありました。

<hgroup>
    <h1><a href="Default.aspx#main">Company Name</a></h1>
</hgroup>

/* Logo */
header hgroup {
    background: url("../imgs/logo_143x60.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 60px;
    left: 0;
    position: absolute;
    top: 6px;
    width: 312px;
}
header hgroup h1 a {
    text-indent: -9999em;
    display: block;
    height: 60px;
    width: auto;
}
header hgroup h3  {
    text-indent: -9999em;
    height: 0;
}

テキストを削除しただけCompany Nameで、問題は解決しました。

4

1 に答える 1

1

リンクがなければ、私はここで盲目的に働いていますが、それがあなたのコードによって直接引き起こされたものではない場合、私は大げさな推測をして、あなたのデバイス上のアプリの結果である可能性があると思いますか? たとえば、ナビアプリの中にはアドレスをハイパーリンクに変換するものがあることを知っています (ナビアプリを開くため)。地図のあるページにあるので、この説はもっともらしく聞こえます。

Firebug/Web Inspector で問題の要素を評価して、さらに手がかりを得てください。

更新 Android ブラウザーでのみ発生することが明らかになったので、根本的な原因を絞り込むためにいくつかの手順を試してみます。

友人/同僚/エミュレーターに問題を再現してもらいます。断続的である場合、または自分のデバイスにのみ適用される場合、これは不正なアプリがテキストを解析してリンクなどに変換する動作のように思えます。問題のあるアプリが何であるかを知ることは、問題がどこにあるのかを突き止めるのに役立ちます.

もう 1 つのオプションは、スタイルシートで濃い緑色の色スタイルを持つ要素を見つけることです。色をピンクに変更し、その 1 つの要素だけがピンク色になるまで CSS セレクターのスコープを縮小し続けます。これにより、この要素がどこから来て、それが何であるかがわかります (願っています)。ただし、これはかなり面倒なプロセスです。

Android ブラウザーでこのようなものをデバッグするためのより良い方法があるかもしれませんが、残念ながら私はそれらについて知りません。幸運を！

于 2012-10-30T21:06:57.420 に答える