お手軽URL偽装

  • 27
    Like
  • 0
    Comment
More than 1 year has 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属性の値に設定しているだけだ。これでステータスバーも偽装されたリンクができた。

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