JavaScript | The Will Will Web

The Will Will Web

記載著 Will 在網路世界的學習心得與技術分享

SWFObject v1.5 無法在 Google Chrome 正常顯示 Flash

今天心血來潮來安裝 Google Chrome 玩玩看,果真瀏覽速度與 JavaScript 執行速度真的快很多,在使用 Gmail 的時候執行的速度幾乎跟本機的 AP 一樣快速,幾乎感受不到「網路」的感覺。不過,當使用 Google Chrome 查看我們之前做的一些網站時卻發現 Flash 都無法顯示出來,不過連到 Yahoo 或其他入口網站都可以,所以開始檢查為什麼只有我們的網站無法正常顯示 Flash。

... 繼續閱讀 ...

如何透過 Visual Studio 對任意網站的 JavaScript 除錯

在 Visual Studio 2005/2008 的[工具]選單中有個 Attach to Process 功能,可以將目前正在執行中的程序「附加」到 Visual Studio 的除錯工具(Debugger)中,讓 Visual Studio 隨時可以對任意程序進行除錯工作。這是個很方便的功能,你甚至可以不用先開啟方案檔或專案,就可以直接透過 Attach to Process 功能進行除錯,當然這也包括針對 Internet Explorer 進行除錯。

... 繼續閱讀 ...

撰寫跑馬燈/廣告輪播的好工具:jQuery Cycle Plugin

jQuery 是我最常用的 JavaScript Library,而且外掛程式超多,有空的人是可以多上去看看有什麼新玩意,保證有許多驚喜!我大約是在一年前得知有 jQuery Cycle Plugin 這個 jQuery 外掛套件吧,當時為了找一個可以「跨瀏覽器」的廣告輪播套件找了好久,也試用了好幾套,不過大部分廣告輪播或跑馬燈的 JavaScript Library 都不盡理想,最後才選擇用 jQuery Cycle Plugin 來做為跑馬燈/廣告輪播的撰寫工具。

... 繼續閱讀 ...

透過 Fiddler 快速修改網頁內容用以除錯上線的網站

大家都知道 Fiddler 可以用來做 HTTP 追蹤/除錯,尤其是對 JavaScript/AJAX/XHR 使用頻繁的今天更是必備的工具之一,除了可以抓取所有 HTTP 的封包外,Fiddler 還可以用來修改透過 HTTP 傳回來的網頁內容(HTML)、JavaScript 檔(*.js)、CSS 檔(*.css) 或任何圖檔,都可以透過自訂的 Fiddler Script 或 Extension Plugins 進行修正後再傳回到瀏覽器中,這對於已經上線的網站來說,十分的適合用來測試 HTML/CSS/JS 修改過後的顯示結果。

... 繼續閱讀 ...

介紹好網站:Regular Expression Library

之前就講過 Regular Expression 是學一次用一輩子且是程式設計師一定要學的技能之一,不過由於 Regular Expression 的語法太過特殊且功能強大,讓許多人在初學的時候就很害怕,甚至乾脆不學,有需要的時候就到網路上到處找,雖然也能解決問題,不過複製一個看不懂的東西內心總是不太紮實的,所以我建議無論如何任何一位程式設計師都一定要花時間學會看懂所有 Regular Expression 語法,並進而自行撰寫所需的 Regular Expression 表示式。

... 繼續閱讀 ...

修正一個 FCKeditor.Net 2.6.3 的 Bug

我們有個網站,每次當頁面載入 FCKeditor 的時候,全公司就只有我的電腦可以正常執行,其他的開發人員都無法正確載入 FCKeditor,都會出現【'this.LinkedField.value' 是 null 或不是一個物件】的錯誤訊息(如下圖),這真的又是一件很詭異的事,且又再度證明一點,電腦其實是會挑人出問題的!(註:好幾次客戶打電話來問我問題時,電腦都會在我接起電話的當下自動恢復正常)

... 繼續閱讀 ...

修正 IE 5.5 / 6 不支援 PNG 圖片透明背景的問題

IE 5.5 / 6 只要遇到有使用「透明背景」設定的 PNG 圖片,就會發生問題,原本應該要透明的部分都會變成灰色的,而這個小瑕疵一直到 IE 7 才做出修正,不過現在還有很多人還在使用 IE 6 瀏覽器,像我 Blog 的訪客當中,就還有 49.5 % 的使用者是使用 IE 6 的版本,是所有瀏覽器中所佔的百分比最多的。

... 繼續閱讀 ...

qUIpt:一個很有創意的 JavaScript Cache Library

qUIpt 是一個很小很小的 JavaScript Library,所有原始碼也才只有 115 行而已(包括註解),我覺得作者 Mario Heiderich 真是太有創意了,他的原理十分簡單,使用的 Cache 方法是將資料儲存在 window 物件的 name 屬性中 ( window.name ),在這裡他是將透過 XHR ( XML Http Request ) 取回的 JavaScript 檔案內容儲存在 window.name 屬性裡。

... 繼續閱讀 ...

不要讓 JavaScript 拉長你網站的反應時間

如果你在網站使用過多的 JavaScript 就很有可能會讓你的網頁反應時間拖的很長,因為瀏覽器在頁面顯示的過程中只要遇到任何 JavaScript 都會等他下載完畢或執行完畢才會繼續顯示下面的資料,即便你網頁已經下載完了也有可能因為 JavaScript 的關係而讓頁面遲遲不出現,所以在進行網站設計的時候需要特別注意這部分,尤其是較大型的網站。

... 繼續閱讀 ...