1

静的 HTML リンクを含む HTML img タグがあります。

私の考えは、ユーザーが接続しているデバイスのタイプに基づいて、そのリンク (画像ではなく) を動的に変更することです。私が関心を持っているデバイスの主な種類は、PC、Google/Andriod、Ios、Amazon/Andriod です。

これに対する HTML/CSS/Javascript ソリューションはありますか、それとも php/dom/server 側が唯一のオプションですか?

4

2 に答える 2

3

Javascript/JQuery はあなたのために働くでしょう。ここのコードを使用して、さまざまなモバイル ブラウザーを検出したとしましょう: http://www.abeautifulsite.net/blog/2011/11/detecting-mobile-devices-with-javascript/

次に、次のように書くことができます。

if( isMobile.iOS() || isMobile.Android() ){
    $('a#mylink').attr('href', 'http://newlink.com');
}
于 2013-05-23T22:45:18.037 に答える
1

デバイス サイズにCSSメディア クエリを使用することを検討してください: http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

または、次のようなサーバー側の検出ライブラリを使用することもできます: https://code.google.com/p/php-mobile-detect/

または、 javascriptを使用できます: jQuery でモバイル デバイスを検出する最良の方法は何ですか?

于 2013-05-23T22:46:53.027 に答える