サイト内検索:

こいつは便利なChrome用エクステンション「dotjs」

一般的ではないものの、非常に面白いGoogle Chrome用エクステンション「dotjs」です。

dotjs -- hack the web

何が面白いかというと、

dotjs is a Google Chrome extension that executes JavaScript files in ~/.js based on their filename.

ということでホームディレクトリの下に配置した「.js」ファイルに記載したルールにしたがってWebページにアクセスした時に何かをする、ということができるようになります。

これまでWebサイトごとに「何かしたい」って時はいちいちエクステンション作ってインストールしていたんですが、これ使えばファイルにルール書くだけでいいので楽ちんです。

If you navigate to http://www.google.com/, dotjs will execute ~/.js/google.com.js.

例えばhttp://www.google.com/にアクセスしたときに何かしたい時(例えばページ背景を黒、テキストを白にするとか)は ~/.js/google.com.jsにルールを書いてあげればよいわけです。

jQueryを使っているようなので、jQueryの文法が使えます。例としてgithubにアクセスした時にヘッダの画像を違うものにするサンプルが掲載されていました。こんな感じ

$('#header .logo img')
  .css('width', '100px')
  .css('margin-top', '-15px')
  .attr('src', '//bit.ly/ghD24e')

必要な環境はこんな感じ。

OS X
Ruby 1.8
rake (gem install rake)
Google Chrome
/usr/local/bin in your $PATH

エクステンションの作成&配布は面倒ですが、「dotjs」だったら.jsファイルの配布だけでよいので気楽ですね。

blog comments powered by Disqus

2011年アルファブロガー受賞

新着DVD

モバイル

Powered by Movable Type 6.1.2

ブログ内検索

BlogPeople ReviewMe!

このサイトのレビューとか応援コメントを書いてもらえると励みになります。

Affi☆List for Amazon

バナー広告

このブログ記事について

このページは、nagasawaが2011年6月29日 17:25に書いたブログ記事です。

ひとつ前のブログ記事は「パクリ新幹線、ガラガラ開業 広がる安全性への疑念 線路、地盤沈下の恐れも」です。

次のブログ記事は「Chromeを音声操作可能にするエクステンション「Firesay」」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。