「特定の状況下でaタグのリンク先がaタグ内の画像に変化してしまう」可能性があるかないか

Question

こちら側で現象の再現が出来ていないため、可能性としてあるかないか、というご判断を頂きたいです。

【コード】
aタグ内にimgタグを入れ、キャンペーンバナーの画像をクリックするとphpページに飛ぶ、という記述です。

<p class="campaign_banner">
 <a href="http://test/set_campaign.php">
  <img src="http://test/img/campaign_banner.jpg" alt="campaign_btn.jpg" style="" />
 </a>
</p>

【現象】
クライアントより、「ipadでサイトを操作していて、キャンペーンバナーの画像のボタンをタッチしたらページではなく画像そのものが表示される」という動画が送られて来ました。

【現況】
クライアントがPCなどの知識に疎いため、使用しているiPadのタイプやブラウザなどは確認が取れていません。
また、社内のiPad端末でテストしてみたのですが、正常にPHPページが表示されました。
その他のPCブラウザやスマホ端末からテストをしても、やはり正常にPHPページが表示され、現象の再現が取れません。
hrefの値を書き換えるjsなども当然実装はしておりません。

【質問内容】
「特定端末やブラウザで、aタグのhrefの値が変わってしまう現象」の可能性があるかないか、というご判断を頂きたいです。

再現出来なかったため不明瞭な質問では有りますが、どうぞよろしくお願いいたします。

Answer 1

「特定端末やブラウザで、aタグのhrefの値が変わってしまう現象」の可能性は「ない」と思います。
が、「特定端末やブラウザで、aタグのhrefの値が『変わらない』現象」はあると思います。
たとえば、「hrefの値が変わる処理が組み込まれていて、社内iPadではその処理は無効だけど、客先iPadでは有効になる」、などです。

「画像のボタンをタッチしたらページではなく画像そのものが表示される」という現象は、以下のようにhref属性に画像のURLが記述されていると、起こります。

 <a href="http://test/img/campaign_banner.jpg">
  <img src="http://test/img/campaign_banner.jpg" alt="campaign_btn.jpg" style="" />
 </a>

hrefの値が変わっているとは考えにくいですが、まずはhrefの値を確認してもらってはいかがでしょうか？
iPadで確認する方法は分かりませんが、PC版Firefoxならば

1. 右クリック→ソースの表示
2. 開発ツール→インスペクタ（javascriptでhrefの値が変更しても、ソースの表示では反映されないため）

で、できます。

客先環境でのHTMLを確認することによって、問題が「HTML生成前」なのか、「HTML生成後」なのかを切り分けられると思います。

Comments

[katsuo_isono]

ありがとうございます。
hrefの値はHTMLでベタ打ちにしていたため、先方側も同じ文字列となっていました。
ただ、Firefoxの検証ツールでテストをしたところ、「iPadを含むスマホ端末のみ、ページ内の画像をタッチすると、画像を別ページで表示する」JSが裏で存在したことがわかり、恐らく先方側だとそのJSとaタグのhrefの競合が起きていたのではないかと思います。
現在は一旦JS内の記述を切って先方に不具合が起きていないかを確認してもらっているところです。

ご回答有り難うございました。

Answer 2

サイトのキャッシュが残っているのではないのでしょうか？
ipad等でサイトのURL右の再読み込みボタンを押してからもう一度画像をタッチすると
最新のサイトに更新されるのでタッチした場合画像ではなくリンクに更新されるかもしれません。

Comments

[katsuo_isono]

ありがとうございます、先方に伝えてSafariのキャッシュを消して貰ったのですが、症状変わらずでした。
別の方法で試してみようと思います。