LoginSignup
2
0

More than 3 years have passed since last update.

Twitterのシェアボタンの「ツイートが投稿されました」を自動で閉じるChrome拡張機能

Last updated at Posted at 2019-07-03

タブが「ツイートが投稿されました」で埋め尽くされる現象

ありませんか?
YouTubeでボーカロイド曲(公式でアップロードされた奴)とかをTwitterでシェアしまくって、タイムラインを荒らすと、私自身のタブも荒らされますよね。サイトによっては新しいウィンドウで表示されて自動で閉じてくれるのもありますが、閉じてくれないのもあります。
そんなときに思ったのが、自動で閉じてくれたら便利じゃね?ということで作ってみました。

成果物

chrome ウェブストアで公開していますのでよろしくお願いします。

ソースコードなどの軽い説明

ファイル構成はこんな感じです。

  • manifest.json
  • background.js
  • icon.png

とてもシンプルです。

manifest.json

manifest.json
{
    "manifest_version": 2,
    "name": "Twitter共有後自動でタブ閉じるやぁーつ",
    "short_name": "TweetAutoClose",
    "description": "ブログやサイトなどに置かれているTwitterの共有ボタンから記事などを共有後の「ツイートが投稿されました」のページを自動で閉じる拡張機能です。",
    "version": "1.0.2",
    "icons": {
        "128": "icon.png"
    },
    "background": {
        "scripts": [
            "background.js"
        ],
        "persistent": false
    },
    "permissions": [
        "tabs"
    ]
}

常に実行するJSを登録してます。
これですが、TwitterのURLのみ実行するJSを登録してそっちでタブを閉じる処理にしても良い気がしてきました。
というかむしろその方が良いでしょう。

background.js

background.js
chrome.tabs.onUpdated.addListener(function (tabId, changeinfo, tab) {
    if (~tab.url.indexOf("https://twitter.com/intent/tweet/complete")) {
        if (changeinfo.status === "complete") {
            chrome.tabs.remove(tabId);
        }
    }
});

毎回タブの更新を受け取るListenerです。このListenerで読み込み終了したタブがhttps://twitter.com/intent/tweet/completeだった場合タブを閉じるという感じです。

シンプルですが、まだ改善の余地がありそうです。

さいごに

ひとまずこれでTwitterでシェアをするのが楽になったので良かったと思います。
まだまだ、改善の余地がありますが良い機会でした。
こちらもよろしくです。

2020/06/01 追記

Twitterの仕様が変わったので上記の方法では、うまく動かなくなりました。

background.js
let urlhistory;
chrome.tabs.onUpdated.addListener(function (tabId, changeinfo, tab) {
    if (changeinfo.status === "complete") {
        if (~tab.url.indexOf("https://twitter.com/")) {
            if (urlhistory.indexOf("https://twitter.com/intent/tweet") === 0) {
                chrome.tabs.remove(tabId);
            }
        }
        urlhistory = tab.url;
    }
});

なかなか良い方法が思いつかなかったため、とりあえず変数に投稿画面移行前のURLを記憶させておき、https://twitter.com/intent/tweetからツイート後にhttps://twitter.com/へリダイレクトされたら、タブを閉じるようにしてみました。リファラーから判断するのも考えましたが、なかなかうまくいかなかったため、このような強引な形になってしまいました。
※この方法、投稿画面開いてすぐ投稿しないと機能しないことに気づいた。気が向いたら治します。

2
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
0