竹取web JS版:按一下讓網頁內文變直書,適用中、日、韓文
今天在Twitter上看到朋友在分享著這篇文章:「2010年11月25日(木) : ついに WebKit が縦書きの実装に着手!」,老實說,看不太懂這篇日文在討論的網頁技術,不過倒是從裡面發現了一個有趣的線上小工具:「竹取 Web JS 版」,這是個書籤小工具,可以快速的將目前瀏覽的中文、日文、韓文網頁,從橫書變成直書文字,而且排版效果優異!
我之前也介紹過一款「讓網頁上的漢字從橫書變直書,玩轉中文之美」線上工具,不過那個網站已經失效了,而且該線上工具的作法是重新排列你輸入的所有文字,製造出「假直書」的效果,但本質上還是橫書文字。
而「竹取 Web JS 版」則是真正的將網頁內文版型轉成直書,如本文開頭圖片所示,竹取JS只會轉換「內文」部分,不會讓網頁排版亂掉,並且轉換後在字體大小、標點符號、換行與圖片的排版上都十分優秀,值得好好玩一玩(也歡迎讀者留言推薦哪些網站適合改成直書閱讀?)
- 竹取Web JS版:http://taketori.org/js.html
- 適用於所有瀏覽器
01.
首先來到「竹取Web JS版」網頁,進入後你會看到原本是橫書的網頁內容自動轉換成直書。這時候看不懂日文沒關係,我們利用下方的捲軸,往左方捲動網頁內容。
02.
一直到出現「右クリックで「お気に入り」に保存するか、リンクをドラッグしてブックマークバーにドロップします。(右擊“我的最愛”以保存,或者拖放到書籤的鏈接。)」這一段,你可以看到有兩個超連結「「縦書きにする」」、「「縦書き可能にする」」。
在這兩個超連結上點擊右鍵,將其加入瀏覽器書籤(我的最愛)中即可;或者也可以直接拖曳連結到瀏覽器的書籤工具列。
關於這類型Bookmarklets書籤小工具的使用,可以參考舊文:「我目前常常使用的瀏覽器 Bookmarklets 書籤小工具2010版」。
03.
接著來到任何中文、日文、韓文網頁,點擊剛剛加入書籤的連結,就可以啟動內文直書轉換的功能,剛剛的兩個連結功能分別如下:
縦書きにする:點擊這個書籤連結後,直接把目前網頁中的主要內文轉成直書。
縦書き可能にする:點擊這個書籤連結後,會彈出一個確認對話框,按下OK,然後在網頁中你想變成直書的文字段落上雙擊滑鼠左鍵,就可以把該段文字變成直書。
就像本文一開始說的,轉換效果非常優異,直書文字排版整齊舒適,而且我特別喜歡它針對「<strong>(強調文字的語法)」的轉換效果,會變成古書中在字旁邊加點來強調的用法,非常有意思。
04.
既然這個工具叫做「竹取Web JS版」,那麼當然就表示還有一個舊的「竹取Web版」,在後面這個舊版中,輸入想要轉換的網頁網址,就可以把該網頁內容轉成直書。
不過,舊版的直書排版效果沒有JS版優秀,所以推薦大家試試看竹取Web JS。
挺有意思的工具,下載來試試。
回覆刪除不用下載啊XD
回覆刪除還不錯呢
回覆刪除只可惜
沒辦法變成網頁連結,針對單一部落格文章對轉換
意思是因應電子書的發展,未來瀏覽器引擎會支援直書,
回覆刪除該文是就WebKit這支排版引擎,以CSS語法做些demo。
馬上套用到我的詩歌筆記本網站(http://mulberry.posterous.com/),古典詩歌和這個bookmarklet的排版結合在一起,感覺真不錯啊。
回覆刪除http://taketori.org/ReadMe.html#option
回覆刪除