My Program ::

切換瀏覽器標頭-User Agent Switcher

好用軟體 2010/01/01 17:27

views: 27877 times
這個是一個 Firefox 的插件, 叫做 User Agent Switcher

現在開發手機上應用的網頁機會比以往多, 但是礙於測試時期, 一般這些網頁程式都會檢查使用者的瀏覽器(User Agent), 所以使用這個插件, 方便使用者在切換自己的瀏覽器的標頭.

安裝好之後, 會在[工具]功能表內, 多出一個切換 User Agent 的功能, 如下所示:

(圖片引用自: https://addons.mozilla.org/zh-TW/firefox/addon/59)

如此一來, 便能方便測試網頁程式, 對於不同的 User Agent 的判定, 及行為驗證, 將會有很大的幫助, 而不需要準備太多環境. 當然, 若是要做所謂的 HTML, CSS, JAVASCRIPT 相容性測試, 則這個就比較幫不上忙了, 但對於判定 User Agent 而要重導使用者, 或產生一些不同的功能時, 可以很快速的驗證.

像是 naver.jp 這個網站, 有個 for iphone 的版本 (http://ipn.naver.jp) , 會檢查User Agent來重導使用者到 http://www.naver.jp, 就沒辦法預覽到 iphone 的頁面了. 使用這個 User Agent Switcher 時, 就能"假裝" Firefox 是 iphone 的 browser , 來訪問該網頁囉!

[2010/6/15 0:05]
補充一下相關的 user agent 資料, 可以利用匯入的方式達成, 請如以下操作:
1. Default User Agent, Edit User Agents:

2. 在畫面上選擇下方的 Import:

3. 到這裡下載已整理好的 user agent xml 檔: http://techpatterns.com/forums/about304.html
(或直接對這個連結按右鍵另存新檔: http://techpatterns.com/downloads/firefox/useragentswitcher.xml)
4. 於 import 選擇剛下載的檔案即可, 在 User Agent Switcher 就會有很多的 user agent 出來了, 還包含 iPad 耶!

PS. 請注意只是切換 User Agent 來讓 web server 吐出對應的 html, 並非是將 firefox 模擬出該 user agent 的呈現效果!!

FAV

::

::

::

TAG extension, Firefox, iphone, plugin, user agent

Trackback 0 : Comment 0

重導用戶至手機網址插件

程式技術/TatterTools 2008/05/08 00:13

views: 54694 times
好一陣子沒寫 plugin 了, 用手機瀏覽 tattertools 的網頁, 本來就存在網址 http://diary.tw/tim/m 這個功能, 不過若是直接用手機瀏覽至文章的話, 例如: http://diary.tw/tim/494 , 應該要被 redirect 至 http://diary.tw/tim/m/494 . 這個功能一直很想實作, 卻沒時間也一直沒想法怎麼架構這個插件.

今天用手機上網找資料, 找到自己的網站, 連回來, 連到原來正常的網頁, 但實在太大又不方便, 雖然自己知道可以加上 /m 來改網址達到手機可觀看的版本, 但別人不見得會知道啊, 所以今天就來寫這個小插件.

架構上用了比較簡單的 tagname 方式實作這個插件, 所以要用的使用者, 麻煩就將 [ ##_MobileRedirect_## ] (注意要去除[]間的空白)放在 skin 上, (放在愈前面愈好, 最好是在 < head>之後, 或是 <body>之後, 如此才能快速作用(用javascript重導的).

判定的方式利用了 Russell Beattie’s Weblog (link) 的 Mobile Browser Detection in PHP 這篇文章內的判定手機方式來達成, 一共分為兩個步驟:

先判定 directive ($suri["directive"]) 是 "/", 也就是首頁或是內容頁(用數字版本的), 詳情可以參考: TT的$suri好用資訊這篇文章.
接下來再判定是否為手機用戶, 這個就用 $isMobile 來判定

一旦兩者皆符合時, 就重導至 /m 的手機版本網頁.

請各位有空試看看, 若有任何問題或建議, 歡迎提出來哦!

插件下載:

MobileRedirect.zip

FAV

::

TAG MobileRedirect, plugin, Tattertools

Trackback 0 : Comment 0

真方便的CodeHighlight Plug-in

程式技術/TatterTools 2007/04/04 00:06

views: 82237 times
今天瞎逛了一下 tt 的plugin網站:
http://tattertools.com/ko/bbs/zboard.php?id=plugin
結果找到了一個還不錯用的 syntax highlighter plugin, 這個是利用之前介紹的 http://diary.tw/tim/43 這篇內容中的 dp.SyntaxHighlighter 功能整合實作出來的, 效果當然很不錯囉, 給有需要說明講解程式又在寫 tt 的人使用是再適合不過了, 使用方式相當容易, 就是用 [ code ] ~ [ /code ] (注意, 沒有空格) 包起來的 code 就可以被這個 plugin 辨識出來並加上 highlighter, 若要指定語法, 就是 [ code 語法 ] 這樣即可, 例如: [ code php ]~...[ / code ] 這樣子囉. 原始 plugin 網址在這裡: http://gendoh.tistory.com/2510878 給大家參考看看囉!

以下為幾個 sample:

more..

FAV

::

TAG Highlighter, plugin, syntax

Trackback 0 : Comment 0

完成LoadAddComment插件

程式技術/TatterTools 2007/03/15 00:06

views: 80390 times
在 tattertools 中, 留言或回覆評論時, 有時候會因為網路速度較慢, 而 tt 又是使用 ajax 的方式回應, 而造成似乎沒有反應的狀況, 利用了 dynamic html 中的 div 及一個 loading 的小圖示, 開發了一個插件, 在留言或回覆評論時提示了等待的狀況, 目前尚為一個測試版本, 先給大家測試看看, 下個版本將會加入自訂訊息, 顏色邊框, 等待時間等功能, 敬請期待!

目前功能為出現在畫面正中央會有提示, 畫面如下:

more..

FAV

::

TAG AJAX, LoadAddComment, plugin, Tattertools

Trackback 0 : Comment 11

偉 2007/03/15 15:03 MODIFY/DELETE REPLY
耶~~來測試看看

Chieh 2007/03/15 21:01 MODIFY/DELETE REPLY
@@我沒看錯吧！剛剛在Google Reader看到這篇文章的訊息！第一時間就趕緊過來看！又是一次感動...Thx!!

Chieh 2007/03/15 21:15 MODIFY/DELETE REPLY
糗了...最不想遇到的情況來了！插件安裝成功...可是不知道是哪裡出問題..
當「wait」跑完之後...它還是停留在原地耶...是哪裡出了問題呢？tt不會自動重新整理...Tim兄...Help me..怎麼會這樣子..
- Timothy 2007/03/16 00:53 MODIFY/DELETE
  是指沒有成功留言嗎? 還是 waiting 後還要等一陣子才會出現? 另外請問你的 tt 是單人安裝還是多人安裝?
  剛去你網站看了一下, 你若是關閉該 plugin 的狀況下, 留言會成功後顯示嗎? 在 waiting 的更新部分仍是原來 tt 的 addComment 的程式碼耶!

Chieh 2007/03/16 13:06 MODIFY/DELETE REPLY
我的TT是單人版，留言是成功了，WAIT也會正常顯事，問題是出現在..當WAIT跑完之後...就好像訊息已經送出去了，可是...TT卻沒有自動整理畫面，要自己F5才會看到留言...不曉得是怎麼了..安裝前也是這樣子，以為使用插件之後可以解決此問題，沒想到老問題還是一樣存在..＝（
- Timothy 2007/03/16 23:11 MODIFY/DELETE
  原來是沒裝前就已經是這樣了啊, 了解. 這個插件並不會解決這個問題. 你先試著換簡單的 skin 確認一下你的 tt 沒問題(記得要備好你原來的skin哦), 再看是 skin 造成問題或某些插件 enable 起來造成的問題!!

Chieh 2007/03/17 06:02 MODIFY/DELETE REPLY
聽Tim兄這麼一說，我猜想也許是插件的可能性還滿大的，因為我昨天測試Skin還是一樣...至於插件的話...呼...那我可就有得試囉...=(

air 2007/03/17 14:27 MODIFY/DELETE REPLY
曾經在在http://i.joyep.net看過通過js的效果，點擊確定后
按鈕變為loading的圖片，無法點圖片的，這樣防止多次回復效果蠻好的哦

在提交按钮下面加个隐藏的 Loading 层,默认设置为 display:none.
在提交的时候触发一个 JS Function,让其设置提交按钮为 display:none, 设置 Loading 层为 display:block 即可.

模板：http://blog.lapland.com.cn/skin/lapland/skin.html
js：http://blog.lapland.com.cn/skin/lapland/js/ncloud_function.js

有興趣的話把這個做成插件的效果更好點

Chieh 2007/03/19 16:15 MODIFY/DELETE REPLY
Hello ! Tim兄！＝）
我終於把回覆的問題搞定了...可是花了我好幾個終於才把毛病抓出來！
原來是顯示留言者ip的插件跟111版本不合，把它拿掉後就正常了
後來又看到官方發佈112.1版，我就順便更新了，感覺還不錯喔！
後台的訊息面板現在改的比較清楚！有時間不彷升級看看喔＝）
- Timothy 2007/03/20 02:15 MODIFY/DELETE
  呼, 終於解決你的問題了, 真不錯耶, 加油, 我再找時間更新好了, 謝謝你的提醒!!

A-mao 2007/03/24 16:58 MODIFY/DELETE REPLY
GOOd

Write a comment

: 暱稱

: 密碼

: 首頁僅管理員可見

MailNotification0.5插件完成囉

程式技術/TatterTools 2007/03/08 03:10

views: 100035 times
網友Chieh需要一個能主動通知有新留言功能的插件, 順便實作一下在 1.1.1 的版本下, 有 configuration 功能的插件, 便著手開發了一個於文章留言及留言版留言的主動通知插件.

本插件利用了 configuration 介面可以進行是要對文章留言有效或是對留言版留言有效, 當然亦可同時設定有效, 介面如下:

只要發生了新的留言, 就會依照設定進行 mail 主動通知, 並會將留言者, 留言類型及是否為秘密留言, ip 等資訊一併寄出, 也將連回查看的網址附上, 功能很單純也十分方便, 歡迎大家多多利用!!

下載:

MailNotification0.5.zip

FAV

::

TAG comment, guestbook, MailNotification, plugin, Tattertools

Trackback 1 : Comment 13

Chieh 2007/03/08 21:08 MODIFY/DELETE REPLY
無法用言語來感謝Tim兄...因為之前有看到cn tt用戶討論，有關於這個功能的製作..
我看到其中一位cn tt用戶說：這牽涉到mysql的什麼的....反正就是說..不容易製作..
沒想到今天我無意間開口...tim兄卻實現了..真的非常感謝！我趕快來去試試看！︿︿
再來回報結果！！
- Timothy 2007/03/08 23:33 MODIFY/DELETE
  其實早該寫完的, 不過因為最近較忙, 之前寫一半就先放下了, 昨天想起來又開始再寫一下就完成了. 架構大致 ok, 不過還是要將 mail 改為範本(template)比較理想, 但是因為是給站長用的, 所以不用太講究, 有空再改為範本式的 mail, 這樣更好.
  歡迎 Chieh 兄的熱烈支持啦!

2007/03/12 14:21 MODIFY/DELETE REPLY
只有管理員能看到的回復.

2007/03/13 17:04 MODIFY/DELETE REPLY
只有管理員能看到的回復.

Hero 2007/03/21 14:07 MODIFY/DELETE REPLY
哈~~哈~太棒了原本才想要開發這功能
沒想到已經有人做出來了
果然先爬爬文是對的
- Timothy 2007/03/22 00:01 MODIFY/DELETE
  謝謝你的使用哦, 有什麼問題再和我說囉!

A-mao 2007/04/03 20:23 MODIFY/DELETE REPLY
用上了
呵呵
不错的东西
- Timothy 2007/04/03 23:23 MODIFY/DELETE
  感謝你的使用哦, 歡迎提供建議!!

注册域名 2007/04/06 10:35 MODIFY/DELETE REPLY
是好东西，比较实用

Steve 2007/04/10 11:43 MODIFY/DELETE REPLY
真的很方便哦,用了這個外掛,就不會忘了看留言了^__^感謝這麼用心的製作分享!!
- Timothy 2007/04/10 15:20 MODIFY/DELETE
  謝謝你的愛用哦, 歡迎你提供使用的建議!!

hina 2008/03/06 11:55 MODIFY/DELETE REPLY
http://hina.ushiisland.net/blog/259

MailNotification for TC 1.6 and zh-TW, zh-CN, en languages support.

修改了您的插件，特此通知。
- Timothy 2008/03/06 15:43 MODIFY/DELETE
  好的. 沒問題, 感謝您的使用及強化!

Write a comment

: 暱稱

: 密碼

: 首頁僅管理員可見

隨機文章列表RandomArticle 0.9

程式技術/TatterTools 2006/11/08 00:00

views: 73468 times
利用了 MySQL 的 rand() 函數, 將文章做出隨機列表, 內容相當簡單明瞭, 可以做為寫 plugin 的入門參考資料. (詳情參考 http://diary.tw/tim/53 這篇隨機資料取得)

由於在 {$database['prefix']}Entries 要選出文章, 得有以下幾個條件:

owner=$owner (使用者blog內的文章)
visibility=2 (公開的)
draft = 0 (非草稿)
category >= 0 (非公告, 寫到這, 想到 TopView 有一些問題, 因為沒區分公告連結)

more..

FAV

::

TAG plugin, RandomArticle, Tattertools

Trackback 1 : Comment 2

TT的$suri好用資訊

程式技術/TatterTools 2006/11/05 02:36

views: 74253 times
在實作這麼多支 plugin 後, 因為網友在留言問了 RSS for Categories plugin 的問題, 於是找到了韓國 TT 官網上的 plugin 名稱為 Sub RSS (for TT 1.0.2), 接下來就測試, 也觀察這個 plugin 的實作方式及用法. (link)

因為都是韓文, 所以也就看不懂說明, 不過看 code 多少可以看得懂用法, 這個 plugin 是用來做在分類檢視(Category View)及標籤檢視(Tag View)下, 將 [ ##_SubRSS##_ ]這個代碼取代為一個 RSS 的圖案, 並含有在該分類檢視或標籤檢視下的 RSS 連結, 可以達成該網友問的問題的參考解答.

more..

FAV

::

TAG plugin, rss, Tattertools

Trackback 0 : Comment 0

TT實作閱讀統計資訊-ViewCounter1.1插件實作

程式技術/TatterTools 2006/10/14 09:53

views: 93452 times
由於 TatterTools 的文章閱讀方式, 和一般的 blog 有些差距, 大多數的 blog 是將文章(或稱article)"繼續閱讀" ("more...") 這種放在另一個文章頁面裡, 也就是說, 將文章區分為兩個部分, 好讓集合的頁面只顯示前面(一般使用summary, abstract, first part來描述), 而整篇的內容則是用 content, body, article 來描述, 如此一來就將文章區分為兩塊.

more..

FAV

::

TAG plugin, Tattertools, ViewCounter, ViewNoticeContent, ViewPostContent, 文章計數

Trackback 0 : Comment 15

Alvin 2006/10/15 21:43 MODIFY/DELETE REPLY
請問有沒有考慮把
$output
弄成代碼可放在skin.html裡
這好方便編排位置

Alvin 2006/10/15 21:45 MODIFY/DELETE REPLY
另有考慮加TopView功能嗎？
或是按All List可帶出所有文章的閱覽數？

呀～～要求太多了= ="
不過建議啦

Timothy 2006/10/15 23:03 MODIFY/DELETE REPLY
由於文章各篇計數的問題較大, 利用 skin 輸出的作法有一定的困難, 得要查查看有沒有方法來判定各篇的 skin 變數才有可能實作出來. 韓國的那個插件的解決是利用了 ajax 來進行, 所以會讓網頁變得很大, 不切實際, 所以此功能看日後有沒有方法可以實作.
而實作 TopView 功能是比較單純的, 我整理一下再放上來.

Alvin 2006/10/18 00:49 MODIFY/DELETE REPLY
你真棒，手腳好快

Alvin 2006/10/18 01:15 MODIFY/DELETE REPLY
這，每refresh一下就計數
這樣會飈高

Timothy 2006/10/18 01:23 MODIFY/DELETE REPLY
這個問題我也有發現, 目前也在思考如何解決這個計數的問題. 另外 TT 本身也有部分的 bug, 不過我不針對他的 bug 修正, 我只想針對每次的 session 來進行處理即可. 我想想看如何做再修改一下放上來囉.

axiang 2006/11/07 14:01 MODIFY/DELETE REPLY
請問 top view的計數，是需要多久時間，或是最少多少次數才能用“[ ##_ViewCounterList_## ]”顯示出來呢？

我有將此一語法加入skin.html中，但顯示的內容是空白的@@

煩請指引，謝謝！
- Timothy 2006/11/07 17:34 MODIFY/DELETE
  請問有發生 exception 嗎? 原則上是直接生效的, 在你的網頁上有看到 views: xx times 的訊息, 代表著 table 已建立完成了, 但 [ ##_ViewCounterList_## ] 沒有出現的話, 是很奇怪的現像, 麻煩你先上到 skin 後, 用註解, 也就是 <! -- ViewCounterList --> 讓我知道一下位置, 好幫你 trace 一下!

axiang 2006/11/07 21:32 MODIFY/DELETE REPLY
您好！
沒有任何錯誤訊息！在單筆文章上有直接出現文章閱讀次數，
但置放於skin.html的計次排序沒有出現！

麻煩您了！謝謝！
- Timothy 2006/11/07 22:35 MODIFY/DELETE
  麻煩你將 /plugins/ViewCounter/index.php 的第 72 行的 @ 先拿掉, 我想確認一下是否為 sql command 的問題, 再麻煩你將錯誤訊息發給我進行除錯, 謝謝!

axiang 2006/11/08 00:43 MODIFY/DELETE REPLY
您是指“$result = @mysql_query($query); ”這一行的“@”嗎？
我拿掉後重啟插件，結果也是一樣，也並未出現error message！

謝謝您的回覆！
- Timothy 2006/11/08 01:23 MODIFY/DELETE
  請問你所謂顯示的內容是空白指的是整個 blog 畫面都出不來是嗎? 還是只是這個標籤內容未顯示出來呢? 另外將 @ 拿掉也沒有任何錯誤訊息嗎? 方便的話給我 msn / gtalk 用隱藏留言給我.

2006/11/08 13:11 MODIFY/DELETE REPLY
只有管理員能看到的回復.

axiang 2006/11/09 18:07 MODIFY/DELETE REPLY
感謝Tim兄的協助！
- Timothy 2006/11/09 18:23 MODIFY/DELETE
  別客氣, 歡迎常來逛逛!

Write a comment

: 暱稱

: 密碼

: 首頁僅管理員可見

新增最後訪問來源插件-LastReferers 1.0

程式技術/TatterTools 2006/09/30 00:59

views: 67865 times
每次在不想登入後台的狀況下, 就想得知從哪些網站參照過來, 也方便來訪的使用者能快速得知最後來訪的訪客來源, 於是寫了一個小插件, 用來做這項功能.

其實也就是將資料表 {$database['prefix']}RefererLogs 關於該 blog 的最後五筆參考來源顯示出來, 難度不高, 方便使用, 僅需解開放置放 plugins 目錄下, 再修改 skin 上加入 [ ##_LastReferers_## ] 標籤即可(為避免衝碼, 將 ## 前後加上空白), 顯示效果如下:

而且可以點擊回去, 相當實用方便, 上線後發現大多還是由搜尋引擎來的, 方便給 blog 的站長參考!
下載插件:

LastReferers1.0.zip

[2007/6/18 23:00]
給 Chieh 站長使用 LastReferersAdmin 1.0 版本(注意是 TatterTools 1.1 以上才能使用哦!

LastReferersAdmin1.0.zip

FAV

::

TAG LastReferers, plugin, Tattertools

Trackback 1 : Comment 6

Chieh 2007/02/21 22:53 MODIFY/DELETE REPLY
的確是很方便的plugins，待會找時間安裝看看.. :)
請問可以安裝至後台嗎？
- Timothy 2007/02/23 00:11 MODIFY/DELETE
  當然可以囉, 在本站上的 tt 插件都是可以安裝在後台內的啦. 歡迎自行下載使用, 若有任何問題, 也歡迎討論囉!

Chieh 2007/02/23 21:46 MODIFY/DELETE REPLY
真是太好了！＝）
以前找TT的插件總是要看到Ox◇o⊥x的韓文，真是痛苦..
現在終於找到tt在正體中文的高手了！
以後還請多多指教！
- Timothy 2007/02/23 23:28 MODIFY/DELETE
  你太客氣了, 若有任何問題, 大家一起來研究研究囉!!