表示ページのスタイルシートをリアルタイムに変更するChromeの機能拡張 -Stylebot
Post on:2010年8月27日
ブラウザに表示しているページのスタイルシートをリアルタイムに変更できるChromeの機能拡張を紹介します。
当サイトの背景白もチョチョイと黒地に変更できました。
![ブラウザのキャプチャ](/wp-content/uploads-2010/2010082703.png)
StylebotをChromeに組み込むには、上記ページの「Download Stylebot」をクリックし、移動先のページで「インストール」をクリックします。
![インストールページのキャプチャ](/wp-content/uploads-2010/2010082705.png)
インストールページ
インストールが完了すると、アドレスバーの右に「CSS」というアイコンが表示されます。
![ブラウザのキャプチャ](/wp-content/uploads-2010/2010082704-01.png)
「CSS」アイコンをクリックすると、「Stylebot」が起動します。
![ブラウザのキャプチャ](/wp-content/uploads-2010/2010082704-02.png)
「Stylebot」のパネルは右側に表示されますが、アローをクリックすると左側に変更できます。
![ブラウザのキャプチャ](/wp-content/uploads-2010/2010082704-03.png)
スタイルシートの変更は簡単で、表示ページの該当箇所をクリックして指定し、パネルからスタイルを変更します。
![ブラウザのキャプチャ](/wp-content/uploads-2010/2010082704-04.png)
sponsors