分類
好用軟體

很好用的javascript除錯工具FireBug (firefox)

firefox extesion tools好用的不少, 在一個偶然的機會, 發現有個對 javascript除錯相當好用的工具, FireBug.

原來在firefox內建的javascript console就已經能提供相當多的資訊應用於javascript有錯誤時的除錯, 然而, firebug更強捍的地方有

分類
TatterTools

奇怪的字型Dotum

之前發現到 \ (反斜線) 會出現 W 的字樣出現, 很奇怪, 於是就開始找原因, 後來發現原來只是 css 的字型問題, 利用 firefox 的 webdeveloper 工具, 很快地找到字型的元兇, 就是 Dotum 這個字型, 很奇怪, 他的反斜線會出現 W 由於 Tattertools_skyline_ko 及發表日誌使用的預設字型為 Dotum , 所以都會有這個問題, 只要修改一下就正常囉.

Tattertools_skyline_ko 是修改他的 css 即可, 而發現日誌的編輯器, 則是修改 script\editor.js 的第87行:

this.contentDocument.write(“body { font: 12px/1.5 Verdana, AppleGothic, Sans-serif, Dotum; background-color: #fff;}”);

他是用 javascript 來寫內嵌的 css, 如此一來就不會有這個問題囉…

分類
TatterTools

TT引用傳送帶的user agent

剛寫好一篇文章, 要將文章引用回去朋友的 blog “偉的1978部落格”, 因為他之前受 trackback 攻擊之苦, 所以正在找方法處理, 詳情請參閱: http://jin.tw/jin/291, 由於他會 check user agent, 結果造成我要 trackback 時發生失敗的回應, 於是我就再找看看 tt 的 trackback 機制是不是有這個問題, 結果查到 component 下的 Eolin.PHP.HTTPRequest.php 檔內的第 40 行, 就是送 user agent 而且是 Mozilla 如下, @@”

fwrite($socket, “User-Agent: Mozilla/4.0 (compatible; Eolin)\r\n”);

為了要引用成功, 於是我先將該行 mark 起來, 就成功地送出引用通知… 但, 朋友可能頭又要開始痛了, 因為 tt 預設的引用通知是會帶 user agent 的….

分類
TatterTools

TT時間不對

其實發現tt時間不對也不是現在才發現, 只是一直沒去查問題, 在沒有追蹤code的狀況下, 想說先看看別人架tt內文章的時間對不對來確認一下, 先到朋友 “偉的1978部落格” 看一下, 結果原本想先貼一篇comment後再看時間, 想說不要找最新的文章貼, 隨手點一篇舊文章, 說來還真巧, 隨便一點, 就點到他也發現時間不對的這篇文章, 文章連結: http://jin.tw/jin/288 還真不是普通巧, 莫非是天意…

不過看了朋友的解決方法, 很直接也很乾脆, 就是不要看 OS 的變數, 這也 OK, 但我還是想找原因, 怎麼會 $_ENV[‘OS’] 變數會沒有值呢? 先用 phpinfo() 測一下, 確定有值後, 再測其他的 environment variables, 結果都沒有值, @@”

所以就想找找原因, 找了老半天, 終於找到了, 原來在 php 裡預設的 variables_order = “GPCS” 也就是 $_GET, $_POST, $_COOKIE, $_SERVER 都是有的, 但 $_ENV 就是預設沒有, 是 performance 考量, 所以沒有 enable $_ENV, 建議用 getenv() 方式來取得環境變數, 接下來就是兩條路可以走, 一為將 variables_order = “GPCSE” , 另一就是將 tt 的 code 由 $_ENV[‘OS’] 修改為 getenv(‘OS’) 這樣就好了, 還好存在 db 的時間資料都是對的, 就是時區問題而已啦….

vlog, youtube, google video

wow.. 寫 blog, 往往都是文字和圖片居多, 但是現在有愈來愈多影音網站提供了上傳空間, 不但如此, 更提供了轉檔的服務.

為什麼要提供轉檔的服務呢? 因為最流行的多媒體播放器就是 macromedia 的 flash, 所以要能讓大多數的使用者在瀏覽器內觀賞 video的話, 用 flash幾乎是最好的方法, 至於各家的品質呢? 其實都大同小異, 只是 youtube 及 google video 是以單則單則的方式呈現, 而 vlog 則是結合了部分 blog 的功能的 video, 以下為幾則內嵌語法的方式, 將 video 放進來:

分類
好用軟體

超強的Web Developer extension功能(firefox)

先下載 firefox:
http://www.mozilla.com/firefox/

之後再安裝
https://addons.mozilla.org/firefox/60/

接下來就是很強的功能介紹了, 一般我們在寫 client side 的 html, javascript這些tag或script, 最麻煩的就是debug的部分, 然而, 用 firefox 加上一個 web developer extesion 後, 你會發現一切都改觀了, 無論是 form 的變數, input text 密碼顯示, 長度取消, readonly 改為可寫入, 隨時修改html source改變顯示結果, cookie 變數, 變數值, div, iframe 等區域顯示, javascript 除錯, validation css 及html的功能, 都可以很容易的在一個瀏覽器內實現, 果然名如其功能, 就是好用的 [web developer]. 無論是程式設計人員或是網頁美工人員, 都是不可或缺的一個好工具. 不過 firefox 就是 layout 和 ie 不太一樣, 為了滿足廣大 ie 的用戶, 建議是搭配 firefox 寫 html及script配合 ie preview, 應該是最理想的方式囉….

 

另外像是 ie 常常會有 view source 時的問題(開不起來)的這種狀況, 在 firefox 是不會發生的, 而且source還會有美觀的字型顏色來呈現, 方便寫 code 的人看哦.

分類
懶得分類

diary.tw開站囉..

wow. tt1.05出來了, 趕快來測看看, 同事說有 multiple file upload的功能, 果然很不錯用, 有空多來逛逛哦…