Edited at

お手軽URL偽装

More than 5 years have passed since last update.

表面上は正規のURLを見せておいて実際にリンクを踏むと別のところに飛ばすのってどうやってやるのかなと思って実装してみたら案外あっさりできた。

<!DOCTYPE html>

<html lang="ja">
<head>
<meta charset="utf-8">
<title>URL偽装</title>
</head>
<body>
<a href="https://www.google.co.jp/" data-real-url="http://www.yahoo.co.jp/">https://www.google.co.jp/</a>

<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.0.min.js"></script>
<script type="text/javascript">
$(function () {
$('a').click(function() {
location.href = $(this).data('real-url');
return false;
});
});
</script>
</body>
</html>

やってることはaタグがクリックされたらlocation.hrefをdata-real-url属性の値に設定しているだけだ。これでステータスバーも偽装されたリンクができた。

僕みたいにリンクにポインタを合わせてステータスバーで飛ぶ先を確認している人は気をつけたほうがいいかもしれない。