pCloud Partner Program

在IE下也能用FireBug!?

好用軟體 2008/07/26 23:33
views: 116351 times
FireBug, 有在用 FireFox 也在寫網頁程式的人應該不陌生, 若還是真的不清楚, 可以先看看本站之前的介紹:

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

FireBug更新功能-Network Monitoring

但是這是一個 FireFox 的網頁工具, 在 IE 下, 甚至 Opera, Safari 下都沒有這麼方便好用的工具, 現在 FireBug Lite 版本提供了這樣的功能了, 可以在 IE 下使用 FireBug 的精簡功能, 請參考官方資料說明:

FireBug Lite

它的使用方式有幾種, 一種是掛入他的 javascript ,
<script type='text/javascript'
src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'>
</script>
第二種方式是使用 Bookmarklet 的方式, 將它的一組 javascript bookmark 起來備用
第三種方式是 Offline 方便使用, 其實就是把第一種方式的相關 javascript 及 css 整個拿回來, 放在自家網站下使用.

若對 End User 來說, 其實是第二種最為方便, 因為不需要做任何前置作業即可直接使用. 說到這裡, 其實這組 FireBug Lite 是利用 javascript 撰寫的, 所以可以直援 IE, 而且是在 runtime 下執行, 真的很不錯的設計, 不過是這樣的工作原理, 所以功能也相對較少了(所以叫做 Lite), 而 Network Monitoring 也沒有 (當然不會有, 因為它是後來才執行的), 不過 XHR (XML HttpRequest) 仍然有支援囉, 另外觀察 html, css, javascript 等功能也都有.

不過實際上使用時, 仍會有相當多的狀況, 因為原始頁面的內容會影響這個 FireBug Lite 的執行狀況, 導致許多問題發生, 不過也已經相當方便了!

繼續閱讀:
http://www.stevesouders.com/blog/2008/07/25/firebug-lite-12-released/
top

gmail和firebug有衝突哦!?

好用軟體 2008/04/25 12:33
views: 101489 times
今天使用 gmail 時, 才剛登入, 就出現斗大的字:
用戶插入圖片
是哦!? 怎麼會這樣咧, 看起來應該是 ajax 的使用量較大的關係, 是不一定會有影響, 我們來看看他的說明如何改善:
http://mail.google.com/support/bin/answer.py?hl=zh_TW&ctx=mail&answer=77355

居然要停用掉 firebug 的 net monitor 功能, 看起來的確和大量的 xmlwebrequest 有密切的關係, 不過除非真的慢到不能用, 否則不會想停掉這麼好用的 firebug 工具咧.

若有使用 firebug 的朋友們在使用 gmail 有這個效能問題的話, 可以參考看看囉!
top

Live HTTP headers for firefox

好用軟體 2007/10/12 02:04
views: 118492 times
之前介紹過 firebug 新的 network monitoring 功能(http://diary.tw/tim/160), 最近發現有時在追蹤 cache data 時, 不是很方便, 因為要在前方的 + 號展開, 而且比較麻煩的是要 check http status code 比較不方便, 他並沒有直接秀出狀態, 而是以顏色的方式區分, 於是再找找有沒有更單純的 headers 檢視功能, 找到了一個 Live HTTP Headers for firefox 的方便 Add-ons.

於是下載安裝了 (link), 發現該功能雖然單純, 不過十分方便, 就只有 headers 的部分會顯示出來, 而且也可以以 sider bar的方式 dock 在 firefox 的左側, 對於要常常在查 http 效能及 cache 狀態的我, 感到十分方便.

真的是一個還蠻實用的 http headers 的觀察器.

PS. HTTPS 也都可以正常觀察 headers 的部分哦(因為 headers 本來就沒有加密啦!! 當然原來的 firebug 的 network monitoring也都可以啦, 只是操作上麻煩一點)

下面是他的呈現結果:
用戶插入圖片

top

FireBug更新功能-Network Monitoring

好用軟體 2007/04/25 23:24
views: 233802 times
之前介紹過了一個在 FireFox 下非常好用的除錯及觀察工具, FireBug (http://diary.tw/tim/7), 前一次更新後, 發現它多了不少功能, 其中有一項特別值得提出來給大家參考的就是 Net 標籤下的 Network Monitoring 功能.

用戶插入圖片


這個功能十分強大, 用看得就覺得不得了了, 之前也有介紹一個超好用的 Fiddler (http://diary.tw/tim/24), 這個強大的功能和 fiddler 不相上下, 它可以觀察整個 http request 的過程及網頁的 download 狀態, 而 fiddler 僅能用在 ie, firebug 新增的這個功能, 讓在 firefox 的用戶也有對應的工具可以做 network 傳輸上的除錯, 真的十分有用.

more..

top

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

好用軟體 2006/06/11 23:56
views: 137833 times
firefox extesion tools好用的不少, 在一個偶然的機會, 發現有個對 javascript除錯相當好用的工具, FireBug.

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

more..




top




Nextbit Robin 5.2吋六核心智慧型手機 Microsoft Office 365 中文家用版PKC (無光碟)
ASUS華碩 AC1900 雙頻無線路由器 RT-AC68U 美國 VORNADO 533 渦流空氣循環機 (黑色)
御茶園 每朝健康綠茶(650mlx24入) 每朝健康 雙纖綠茶(650mlx24入)


 Waiting...