PC版Chromeで履歴を無制限に保存できる拡張機能を作った

Chromeには閲覧履歴が90日で消えるという制限がある。

プライバシーに配慮した結果なのかわからないが、個人的には追いかけているWebマンガの既読話がわからなくなるので大変不便である。

ようは訪問済みリンクを覚えておいて色が変わればいいだけなので、そういう拡張機能を作った。

作った拡張機能

これです。リスくん。 Perma-Recall Link

リンクを集めて溜め込んじゃうのカワイイ

コードは純AI製

履歴を全部覚えておくやつとしては History Trends Unlimited などがすでに存在する。

しかしこちらは訪問済みの色を変える機能がないため、マンガの既読管理という用途には使えない。とにかくビジュアルで既読リンクを判別できることが重要で、そのため自作が必要だった。

今回作った拡張機能はHTML側の既読リンクに一律でclass nameを追加する。

これにより複雑なセレクタを使って色変更をかけることができるようになる（お好みのカスタムCSS系拡張機能を別途入れてください）。

たとえば div > div > a.既読のようなHTML構造をしているとき、大本のdivに色を付けないと見た目が変わらないようなサイトがある。そのためこういった外部拡張性が重要になる。

例として↑竹コミを出す。ここで使っているカスタムCSSは

a.extension-perma-recalled span { color: #ea0; }

で、「既読リンクの下位spanにオレンジ色を割り当てる」スタイル設定。

こうして、完全に自分の需要を満たすものができたので大変快適になった。

aタグを使わない、あるいは通常のリンクとしての利用をしないHTMLの前には無力である。

たとえばガンガンONLINE：

各話リンクは一応aタグだがhref属性を持たない。 a > div > p みたいな構造で、挙動としては恐らくクリックイベントをJSで捕捉して遷移させている。このようなタイプのサイトはどれもaタグで既読判別をかけられないので、リスくんは無力である。

マンガワンなどはもっとひどくて div > div > div > div > div > p みたいな感じ。HTMLからは各話のURLはわからないし、ホイールクリック等のデフォルト操作系は再現されていない。どうにかならないだろうか。

この記事↑を書いた当時の解決方法はもはや使えなくなっているので、根本対策としての本拡張機能です。