Macで表示するWebサイトに任意のJavaScriptとCSSを追加できるブラウザ拡張「Sprinkles」がリリース。

Safari

2020.12.19

記事内に広告が含まれています。

　Macで表示するWebサイトに任意のJavaScriptとCSSを追加できるブラウザ拡張「Sprinkles」がリリースされています。詳細は以下から。

　SprinklesはElastic社でエンジニアを務めるMikkel Malmbergさんが新たに公開したWebページカスタマイズツールで、Mac用のサーバーアプリとブラウザ機能拡張を利用して、全てのWebサイトで任意のJavaScriptやCSSを追加できます。

Approved! ✅ pic.twitter.com/7yiHRck4Ew

— Mikkel Malmberg (@mikker) December 17, 2020

Sprinkles runs a tiny webserver on you machine. When you visit a website, the browser extension asks this server for scripts. The server looks for 4 files in your Sprinkles scripts directory:

global.js

global.css

github.com.js

github.com.css

Customize any website – Sprinkles

　Sprinklesの使い方は、まず、SprinklesアプリをMac App Storeからダウンロード＆起動し、カスタムJavaScripとCSSを置く[Scripts directory]を指定。次に自己署名証明書を作成してブラウザ機能拡張をインストール。

機能拡張はSafari, Chrome, Firefox向けの機能拡張が公開されています。

　セットアップが終わったら先程指定した[Scripts directory]に任意のJSやCSSを適用したい「ドメイン名+.js/.css」ファイルを作成(例えば、github.com.jsやgithub.com.css)、サーバー(localhost:3131)が起動した状態で、ブラウザ機能拡張をインストールしたブラウザで任意のJavaScriptとCSSを作成したドメインへアクセスするとカスタムJS, CSSが適用されます。