bricklife.weblog.*

Safari「でも」使える MT Bookmarklet

Movable Type のシステムが生成する Bookmarklet を Safari でも動くようにする方法を紹介します。

Apple 製のブラウザ Safari で Movable Type を使っている Mac ユーザは体験していると思いますが、Author 用に用意されている JavaScript がいくつか動きません。特に、Bookmarklet が動かないのがイタイところです。

しかし、幸いにもいくつかのサイトで対応方法が公開されています。例えば、JAVASCRIPT::BOOKMARKLET では Safari 限定の Bokmarklet が公開されていて、僕もこれを使っています。

しかし、やっぱり「自前で書かないでシステムに自動生成させたい」と思うのが男の性です（え？） そして「どうせならどんなブラウザでも動くようにしたい」と思うのもしようがないでしょう（そうなの？？）

というわけでチャレンジしてみました。

まずは、Safari で動かない原因ですが、どうやら選択文字列を取得する document.selection() や document.getSelection() が、Safari では動かないようです（そもそもどちらも IE や NN で勝手に実装した関数かも知れませんが）。上記サイトを参考にすると、Safari で選択している文字列を取得するには、 window.getSelection() を使えばよいようです。window から直に叩けるとは大胆な仕様です(^^

これを現状の動きも生かしつつ取り入れるために色々試してところ、MT が生成した Bookmarklet の URL（というかJavaScript）の一部を以下のように直せばいいようです。
（見やすく数行で書いていますが、実際は一行です）

javascript:d=document;
  t=d.selection?d.selection.createRange().text:d.getSelection();
  void(window.open ...
 ↓
javascript:d=document;
  if(d.selection){t=d.selection.createRange().text;}
  else if(d.getSelection){t=d.getSelection();}
  else if(window.getSelection){t=window.getSelection();}
  else{t='';}
  void(window.open ...

では、これを MT に自動生成させてみます。そのためにはシステムのソースをいじる必要があります。

Bookmarklet の JavaScript を生成している箇所は、mt/lib/MT/App/CMS.pm の _bm_js 関数内 337行目です（日本語化パッチ適用後なのでずれているかも知れません）。そこを以下のように直します。前後は少し違いますが、修正箇所と内容は上記と一緒です。
（これも実際は一行です）

qq!javascript:d=document;
  t=d.selection?d.selection.createRange().text:d.getSelection();
  void(window.open ...
 ↓
qq!javascript:d=document;
  if(d.selection){t=d.selection.createRange().text;}
  else if(d.getSelection){t=d.getSelection();}
  else if(window.getSelection){t=window.getSelection();}
  else{t='';}
  void(window.open ...

これで普通にメニューから 「BOOKMARKLETの設定」を行うだけで、Safari でも動く Bookmarklet が生成されます。実際にこれ使って書いていますので（当方 Safari1.0 + Mac OS X10.2.8）、少なくても Safari では大丈夫だと思います。

環境によって、Safari を含めたいろんなブラウザを使い分けてる方や、複数の Author を抱えるシステムを管理している方、ぜひ試してみて下さい。

# すでに有名な方法でしたらごめんなさい＆教えて下さい。

Posted by ooba at 20:05 | Comments (13) | TrackBacks (37) |