08 三月 2009 @ 12:29 上午
事情是這樣的，safari4隆重推出之時，號稱是世界上最快的javascript engine:松鼠魚，我就很開心的給他下載下來玩玩看，結果，原本在safari2, 3都正常的頁面，竟然在safari4掛掉了，OK，這可是個大問題，於是我開始想辦法debug。頭一個就遇到問題，我想辦法要打開safari4的debug mode，但是怎樣試都找不到，雖然後來google 有找到windows版本的方式:Enable Debug Mode in Safari4，終於讓develop menu出現了，但是….裡頭的選項我怎麼點都沒用！！ More »
02 一月 2009 @ 7:15 上午
在google搜尋地址時，會判斷你想要搜尋地址，並且出現google map的地圖，說實在這真的是一個很方便的搜尋方式，更方便的是透過他強大的搜尋引擎，可以很快的撈出在這個地址的食記、商家、等等的文章，這讓我想到我們有很多的地標資料，但是都沒有好好的利用搜尋引擎的特性。
例如在google搜尋地址「台北市八德路二段300巷80號」:
15 九月 2008 @ 12:39 下午
整理一下我所用過好用的開發工具，因為比較常測試的瀏覽器是FF和IE，所以只列出這兩種，如果還有其他建議請再幫忙補完。
firefox:
firebug：强大的debug工具，有名到不需要再做任何介紹了吧！- Leak Monitor：監視firefox 下Memory Leak的工具。
- JSView：檢視外部參考的JS和CSS原始碼，動態引入的檔案也會出現。
- Clear Cache Button：清除緩存按鈕，開發中有時會被browser快取，每次都要點來點去清cache很麻煩，用這個小按鈕直接清cache就行了。
- YSlow：網站效能測試工具，主要是提出了網頁效能的測試標準，並以此標準來評分，在開發網站時可以作為效能參考的依據。
- HTML VALIDATOR ：檢測HTML/XHTML的工具。
- firebug lite ：要在firefox以外的瀏覽器使用firebug就是這個了！
- IEDevToolBar ：微軟官方出的小工具，可以觀察DOM、CSS等頁面元素，缺點是無法像firebug即時修改。
- Script Debugger ：微軟官方出的小工具，在IE上遇到javascript的錯誤相當難debug，此時可以利用這個工具來幫助偵錯，安裝之後需要到工具>選項>進階，將「停用指令碼除錯」取消。
- debugBar：類似IEDevToolBar，不過內建一些檢色器之類的小工具，對設計人員來說蠻方便的，推薦安裝。
- Drip：偵測IE中Memory Leak的軟體。
- IETester：可以同時在windowsXP上開啟IE8 beta 2, IE7 IE 6 and IE5.5，你不用再裝好幾個IE了。
- Companion.JS：類似firebug console的工具，主要是可以利用他來做javascript的偵錯，也支援像firebug的console.log。
- fiddler：可以擷取所有 HTTP 的封包，點此、還有這、有中文的詳細介紹。
Categories
Tag Cloud
Blog RSS
Comments RSS
Last 50 Posts
Back
Void 
Life 
Earth 
Wind 
Water 
Fire