The Will Will Web

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

如何自動取得所有前端 JavaScript 錯誤以提升網站品質

我們每個案子都會用許多錯誤追蹤的機制確保網站品質,但還是不時會讓客戶發現有些功能無法操作,而這些問題大多出在 JavaScript 錯誤,由於一些老舊的瀏覽器或不同瀏覽器特性不同的關係,難免會有不小心寫錯的時候,為了能有效追蹤這些不易察覺的錯誤,我們會利用 JavaScript 追蹤 JavaScript 錯誤!

... 繼續閱讀 ...

設定 Cookie 時可善用 HttpOnly 特性減低網站安全風險(XSS)

Cookie hijacking 是個很常見的 XSS 攻擊手法,大多是利用網站既有的 XSS 漏洞並透過 JavaScript 取得 documnet.cookie 資料,而 documnet.cookie 就包含所有你在該網頁所有可用的 Cookie 資料,但若你的網站程式在設定 Cookie 的時候有特別加上 HttpOnly 屬性,就可以進一步避免該頁的 Cookie 被 JavaScript 存取,也可保護使用者的 Cookie 不會偷走。

... 繼續閱讀 ...

在 Web 2.0 時代必須重視 JavaScript/JSON Hijacking 攻擊

ASP.NET MVC 2.0 Preview 2 開始 JsonResult 已經被修改成只能在 HTTP POST 的時候回應,像我們經常使用 jQuery$.getJSON 就不能再用了,我從 ASP.NET MVC 2.0 Preview 2 Release Note 得知 JSON Hijacking 之後就持續追蹤下去,覺得這是個非常值得注意的安全問題。

... 繼續閱讀 ...

利用 jQuery 將 DOM 元素聚焦 focus() 的六個版本

簡單的東西不簡單,將 DOM 元素聚焦是個再簡單不過的功能了,在實務上也經常用到,但是我們最近在使用 FancyBox 利用 IFRAME 載入頁面時卻怎麼樣都無法讓游標自動停在特定的文字輸入框中,除此之外,我也將我這些年累積遇到無法 focus() 的問題做了一次總整理,一共有六個版本之多。

... 繼續閱讀 ...

介紹好用工具:ScriptConverter (VBScript 轉成 JavaScript)

今天拿到一堆客戶提供的 VBScript 程式碼範例,雖然看的懂,但不知為何就是看不順眼,所以上網找了個 ScriptConverter 線上轉換工具,可以把 VBScript 全部轉成 JavaScript,雖然轉過去的 JavaScript 程式還是會有語法錯誤,但至少可以幫你省去 90% 重寫的時間。

... 繼續閱讀 ...

如何避免使用者在特定網頁表單在未經送出時意外離開

這是個簡單的 JavaScript 小技巧且不常用,昨天有個客戶提到需要提醒使用者當資料編輯到一半突然試圖離開網頁時需要提醒使用者是否真的要離開此網頁,以避免輸入到一半的表單資料就此消失,以下是一些撰寫類似功能的心得與注意事項。

... 繼續閱讀 ...

推薦一個完全用 DHTML / CSS 完成的圖表繪製函式庫

最近用了一個很簡易的繪製圖表(Chart)的工具,完全是以 DHTML / CSS 完成所有圖表繪製工作,是個完全 Client-side 的套件,而且支援 Gecko-Browsers, IE 4, 5, 6, 7, 8, Opera 5, 6 and 7+ 等各式瀏覽器,如果你的圖表並不複雜,建議可以考慮用這套進行圖表繪製,可以省去你不少時間。

... 繼續閱讀 ...

介紹好網站:The Ultimate jQuery List

像我們幾乎每天都要與 jQuery 為伍,到處搜尋 jQuery Plugins 是難免的,有時後還花不少時間試用過才會決定用在專案裡,我之前介紹過MiniAjax.com 網站就包括許多 jQuery 外掛,不過今天介紹的網站就真的全部都跟 jQuery 有關的外掛套件:The Ultimate jQuery List

... 繼續閱讀 ...

使用 FCKeditor 應注意的幾個可能出現的安全漏洞的地方

我們幾乎每個網站後台都會用到 FCKeditor 讓客戶編輯 HTML 內容,用過的人都說讚,但我發現初學者在套用 FCKeditor 時卻很容易犯下幾個嚴重的錯誤,讓網站暴露在危險之中。建議所有開發人員一定要重新檢視有使用過 FCKeditor 的專案,看看你有沒有犯了相同的錯誤。

... 繼續閱讀 ...