More than 5 years have passed since last update.

お手軽URL偽装

JavaScript

Last updated at 2014-05-05Posted at 2014-05-05

表面上は正規の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属性の値に設定しているだけだ。これでステータスバーも偽装されたリンクができた。

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

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up