把iframe發揮到極致的Bitty Browser

Bitty Browser是一個可以鑲嵌在網頁任何一處的瀏覽器，這其實不是很困難的技術，用iframe就可以達成了。Bitty Browser神奇之處，在於它可以在瀏覽器（實際上就是頁框）中，方便整合了：

• Google搜尋列
• RSS、Podcast訂閱
• Flickr Tag
• Del.icio.us Tag、Username

所以它才會贏得像Wired雜誌這類知名雜誌、網站的青睞。

我用它來做了一個Flickr:Tamsui的相簿，方法是這樣的：

1. 填寫這份表單（圖）：

1. 選取Flickr tag這項功能。
2. 填寫想要瀏覽的照片標籤，本例為tamsui。
3. 填入要顯示在Bitty Browser標題列的文字。
4. 設定頁框的尺寸，280px是我試過剛好的寬度。

試看成品，沒問題的話可以選擇：Looks good，按下「繼續」。（圖）

勾選使用同意書，在最下面選擇”View on-screen”，這樣可以直接在網頁上面看原始碼。（圖）

Bitty Browser在網頁中有三種顯示方式（圖）：

• 想要直接在網頁中放置Bitty Browser，就複製”Embedded Browser”的原始碼。
• 想要讓使用者觀看時才放大顯示的，請選擇”Launch Link”的原始碼。
• 想要讓別人也能複製你的頁框內容，請選擇”Network Link”。

我選擇直接在網頁中顯示，成品就像這樣：

目前唯一的遺憾是中文相容性還是有問題。例如我想把自己的del.icio.us書籤放在裡面，但是”extended”欄位如果有輸入中文的話，會變成亂碼，訂閱中文的RSS feed也是這樣。所以目前還不打算把它放到首頁裡。

這篇文章發表於 May 24th, 2005 ，分類為：ideagrapes。你可以訂閱這篇文章的回應：RSS 2.0，也歡迎發表你的意見，或者從你的網站 Trackback 過來。