More than 3 years have passed since last update.

Stylusを使わずgoogleの検索結果に順位を表示させる

Chrome

Posted at 2021-07-24

はじめに

こんにちは。東京五輪のピクトグラムのパフォーマンスすごかったですねー！途中でがーまるちょば十八番のエスカレーターの動きがありましたね。本日ラジオで聞いたんですが、がーまるちょばも顔隠してどこかで出ていたそうです。きっとあのエスカレーターのくだりのとこ、がーまるちょばだと思います！

さて、今回はChromeの拡張機能の整理をしております。
理由は、以下の通りです。

ブラウザのバーが埋め尽くされてきてまして、非常に汚い...
使いたい拡張機能を瞬時に見つけられない..

不要な拡張機能はいねぇーかー？

なんだかんだ使えるんだよなぁ、みたいな拡張機能ってありますよね。
だから消せない..。

あれ、Stylus消せそう

いまStylusは以下でのみ使用しております。

これを、ほかの方法で実現できればこの拡張機能は不要になります。

Stylusを使わず`ScriptAutoRunner`を使ってgoogleの検索結果に順位を表示させる

上記記事をScriptAutoRunnerの拡張機能に移植します。

ドメインフィルタにはwww.google.comを指定します。

スクリプトはこちら↓

(() => {
  document.querySelector('body').insertAdjacentHTML('afterend', `
    <style>
      body {
        counter-reset: result !important;
      }
      h3.LC20lb:before {
          content: counter(result) ". " !important;
          counter-increment: result !important;
          display: inline-block;
          background: #fbe4c2;
          margin-right: 1em;
      }
    </style>
  `)
})();