表示ページのスタイルシートをリアルタイムに変更するChromeの機能拡張 -Stylebot

ブラウザに表示しているページのスタイルシートをリアルタイムに変更できるChromeの機能拡張を紹介します。
当サイトの背景白もチョチョイと黒地に変更できました。

ブラウザのキャプチャ

Stylebot

StylebotをChromeに組み込むには、上記ページの「Download Stylebot」をクリックし、移動先のページで「インストール」をクリックします。

インストールページのキャプチャ

インストールページ

インストールが完了すると、アドレスバーの右に「CSS」というアイコンが表示されます。

ブラウザのキャプチャ

「CSS」アイコンをクリックすると、「Stylebot」が起動します。

ブラウザのキャプチャ

「Stylebot」のパネルは右側に表示されますが、アローをクリックすると左側に変更できます。

ブラウザのキャプチャ

スタイルシートの変更は簡単で、表示ページの該当箇所をクリックして指定し、パネルからスタイルを変更します。

ブラウザのキャプチャ

top of page

©2017 coliss