Hatena::ブログ(Diary)

KBDAHOLIC - やぬすさんとこ

2008-11-27(Thu)

status bar 最適化計画そのいち ( migratestatusbar.js )

ちょっと status bar ごちゃごちゃしてきたので整理すんべと思っていろいろやってみた結果そのいち。前書いた http://d.hatena.ne.jp/janus_wel/20081028/1225230512 がちょっとアレだったのと http://vimperator.org/trac/ticket/17 のコードが今更理解できたので混ぜて設定とかもできるようにしてみた。

http://d.hatena.ne.jp/janus_wel/20081028/1225230512 では favicon を表示してくれる element を clone していて、まぁ動いてくれるっちゃ動いてくれるんだけど clone 元と id がかぶっているのでよろしくない。そして id を変更してしまうと favicon のないページでは何も出てこなくなったりと Firefox 側で面倒を見てくれなくなる。

対して id:teramako が書いてる方は要素を移動させているというのがキモで、中身をいじってないなら動的な変更は Firefox 側でよしなにやってくれる。 RSS / Atom のあるページで feed button を表示してくれたり favicon を切り替えてくれたり favicon がないページでは適用している theme の default icon を表示してくれたりとかそういうの。

てなわけで feed button だけ移動させるのもちぐはぐな感じがする -> 全部移動させちゃえばいいじゃない -> 移動するためのおれ plugin 書いた -> あれ ? これ抽象化できね ? -> logic 抽象化した plugin 書いた -> 移動する要素と移動先の指定もできるようにしよう -> 完成 <- イマココ!!

http://coderepos.org/share/browser/lang/javascript/vimperator-plugins/trunk/migratestatusbar.js

liberator.globalVariables.migrate_elements に以下のような配列を指定すると移動するようになる。以下は star button, feed-button, favicon を移動させる。 local bookmark したらハートが出るから star button はいらなくね ? って設定したあとに一瞬おもったけど URL 長いとハート隠れちゃうので持ってくるようにしてる。うちはこれくらいしか使ってないけど他にも有用なものがあるかも。

liberator.globalVariables.migrate_elements = [
    {
        // star button of awesome bar
        id:    'star-button',
        dest:  'security-button',
        after: true,
    },
    {
        // icon that show the existence of RSS and Atom on current page
        id:    'feed-button',
        dest:  'security-button',
        after: true,
    },
    {
        // favicon of awesome bar
        id:    'page-proxy-stack',
        dest:  'liberator-statusline',
        after: false,
    },
];

スクリーンショットは以下に。移動なので awesome bar は当然悲惨な姿になる。

  • before
    • f:id:janus_wel:20081128023922p:image
    • f:id:janus_wel:20081128023923p:image
  • after
    • f:id:janus_wel:20081128023924p:image
    • f:id:janus_wel:20081128023925p:image

つづく。

スパム対策のためのダミーです。もし見えても何も入力しないでください
ゲスト


画像認証