Category Archives: Browser

Browsers…

Browser, Computer, Laptop, Murmuring, Network, Software

Firefox 的 options 視窗

1 Comment

我先說，我沒習慣用，所以不要問我有沒有中文版的 nightly build… (應該有人做，因為 nightly build list 裡面好幾個人看起來是華人，不過我沒有仔細去看)

因為昨天 在看 的網頁時會爛掉 (喂喂)，就想更新上去看看有沒有比較好… 就到「」去找一找，抓 的 來用。

Desktop 是 Celeron 1.2G，支援到 SSE，抓 M2，而 Laptop ( x31) 有 SSE2，抓 M3。更新完以後發現 options 視窗大幅更新 (也就是下圖)，看起來比以前好看：

有興趣的人可以去抓看看，不過請先備份 Bookmark 之類的東西 (我是都沒有用，所以爛掉就算了)，抓下來解開後 ( 自解檔) 直接蓋過去，如果爛掉就重灌 :p

Browser, Computer, Computer and Network Center, Murmuring, NCTU, Network, News System, Usenet

跟 hlb 研究 XSLT

2 Comments

今天凌晨的時候跟 hlb 聊了一下，順便向他推薦 XSLT 與 XPath 這兩個東西 (其實是想拐他幫忙 XD)，然後研究 Group.NCTU.edu.tw 的文章 (http://group.nctu.edu.tw/article/blahblah/number 的部分) 的 layout 要怎麼排比較好 :p

你可以看「Re: [HOWTO] 用 gmail 備份 MySQL 資料庫」看到目前我們做的進度，其實 hlb 還想加上 Javascript 去排版… (像是 Kwiki style 的方式)

如果你對文章排版有興趣，你可以在寫完 XSLT file 後 trackback 我的 blog，我看過沒問題會放上去 :p

PS：用 Firefox 的人會看到 “&lt;” 而非 “<” 是 Firefox 的 bug，在 Firefox 的 disable-output-escaping 有提到，正在找人幫忙 report :)

Browser, Computer, Murmuring, Network, Programming, Software

Firefox 的 disable-output-escaping

3 Comments

剛剛在改寫 Group.NCTU.edu.tw 的 article.php，測了半天才發現 Firefox 不支援 XSLT 中的 disable-output-escaping，但 IE 6.0 就支援的很好 :p

請同時用 IE 6.0 及 Firefox 看 敝板第 200 篇 的範例。

注意看 Firefox 裡 < 被轉成 &lt; 後沒有被轉回來。

有人願意幫忙去 mozilla.org Bugzilla 找看看有沒有人抱怨過，順便回報的嗎？

Browser, Computer, Murmuring, Network, Programming

好用的 XSLT

XSLT 其實蠻簡單的，而且 IE6 與 Firefox 支援的都蠻完整的，只是不太清楚為什麼一直沒有起來？

在 W3Schools 有 XSLT Tutorial，直接以大量的範例講解，看完以後再回去看 W3C 的文件就不需要把時間花在理解句子與單字了。(也就是把 W3C 的文件當工具書來查而已)

XSLT 是 XSL Transformations 的縮寫，1.0 版最後定案是 1999/11/16，是一項非常久的技術了。在 W3Schools 的 XSLT Browsers 提到 IE6、Netscape 7 都有很不錯的支援：

Internet Explorer 6 fully supports the official W3C XSLT Recommendation.

Netscape 7 supports the official W3C XSLT Recommendation.

你可以把 XSLT 當作 client side 的 template engine，也就是 browser 幫你 template。

但請不要認為他「只是」一個 client side template engine，事實上他可以有很多奇奇怪怪的應用，只要 browser 有支援都可以玩…

Anyway，既然是 template engine，那麼就會把 template 與 data 分開放。下面就是一個例子，我以 ‘[‘ 及 ‘]’ 取代 ‘<‘ 及 ‘>’，因為要打 &lt; 及 &gt; 很麻煩。

這是 acg.xml，放 data 的：(至於例子，就不要太講究了)

[?xml version="1.0" encoding="UTF-8"?]
[?xml-stylesheet type="text/xsl" href="acg.xsl"?]

[acg]
        [item]
                [title]男女蹺蹺板[/title]
                [author]津田雅美[/author]
        [/item]

        [item]
                [title]騙錢蹺蹺板[/title]
                [author]庵野秀明[/author]
                [author]津田雅美[/author]
        [/item]
[/acg]

其中的 [?xml-stylesheet type=”text/xsl” href=”acg.xsl”?] 就是跟 browser 講要用哪個 stylesheet 去表現這些資料，這邊選的是 acg.xsl：

[?xml version="1.0" encoding="UTF-8"?]
[xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"]

[xsl:template match="/acg"]

[html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-TW" lang="zh-TW"]

[body]
        [table border="1"]
                [tr]
                        [th]Title[/th][th]Author[/th]
                [/tr]
                [xsl:for-each select="item"]
                [tr]
                        [td][xsl:value-of select="title" /][/td]
                        [td][xsl:for-each select="author"][div][xsl:value-of select="." /][/div][/xsl:for-each][/td]
                [/tr]
                [/xsl:for-each]
        [/table]
[/body]

[/html]

[/xsl:template]

[/xsl:stylesheet]

產生出來的樣式可以看 http://netnews.nctu.edu.tw/~gslin/acg.xml，可以用 IE 與 Firefox 測看看 :P