• ホーム
  • メール
  • プロフィール
    • don.gomasy.jp
    • Twitter
    • GitHub
    • teratail
  • ソフトウェア
    • Homo Checker
    • fzf-zsh-completions
    • cloudflare-exporter
    • edgerouter-exporter
    • healthcheck-k8s

Twitter へのリンクをアプリで開かせる

プログラミングTwitter2014年10月17日

JavaScript(jQuery)ネタです。 iPhone などの iOS デバイスから Web サイトを閲覧しているとき、Twitter へのリンクは通常 mobile.twitter.com で開かれますが、ツイートを閲覧したりそのユーザーをフォローしたりするには正直やりづらい…。ということで、Twitter へのリンクを自動的にスマートフォンアプリで開くように書き換えるスクリプトをご紹介します。このコードの動作には jQuery が必要です。

$(function () {
    if (/iPhone|iPad|iPod/.test(navigator.userAgent)) {
        $("a[href*='twitter.com']").each(function () {
            var match;
            var $elm = $(this);
            if ((match = $elm.attr("href").match(/twitter\.com\/(?:#!\/)?([a-zA-Z0-9_]{1,20})$/))) {
                $elm.attr("href", "twitter://user?screen_name=" + match[1]);
            }
            if ((match = $elm.attr("href").match(/twitter\.com\/(?:#!\/)?[a-zA-Z0-9_]{1,20}\/status(?:es)?\/(\d+)$/))) {
                $elm.attr("href", "twitter://status?status_id=" + match[1]);
            }
        });
    }
});

上記のコードを jQuery を読み込んだあとに貼り付けるだけで、iOS のデバイスでは Twitter アプリが開かれます。

  • «CSS ハックまとめ
  • ブラウザー判定スクリプト「SystemInfo」»

共有

最近の投稿RSS

  • MiniTool Partition Wizard で SSD を引っ越してみた
    2021年3月13日
    Windows
  • 自作 PC デビューしました!
    2021年2月21日
    コンピューター
  • gomock の Matcher を自作して gomock.Any() 回避!
    2020年5月24日
    プログラミング
  • EdgeRouter X に redsocks を導入して透過的にプロキシーを経由させる
    2020年3月1日
    コンピューター
  • Bash の getopts でロングオプションを処理する
    2019年9月1日
    プログラミング

投稿リンク

  • コンピューター
    • Vim
    • EdgeRouter
  • プログラミング
    • PHP
    • JavaScript
    • C#
    • PSPSDK
  • Windows
  • Web
  • ガジェット
  • ソフトウェア
  • リンク
© Chitoku 2014 (chitoku-k/chitoku.jpLICENSE)