The Will Will Web

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

魔鬼般的細節:使用 C# 的 String.Trim() 方法刪除空白字元

昨天同事提到一個網後台內容上稿的問題,客戶反映一個 Bug 說有網站的連結發生問題,點進去之後會發生 A potentially dangerous Request.Path value was detected from the client (:) 的錯誤訊息,查了好一段時間後終於發現在從後台上稿的內容中,該網址的最前面原來有一個 Unicode 的不可見字元 (U+200B),導致網址錯誤,所以瀏覽器當然無法解析該網址。當在思考著如何防呆的時候,卻一時找不到一個漂亮的解決方法,這才發現到一個 String.Trim() 魔鬼般的細節。

... 繼續閱讀 ...

前端工程研究:HTML/CSS/JavaScript 相容性檢查資源整理

我們公司自從開出前端的職缺並成功找到人才後,就開始積極的切割 前端 / 後端 的工作,期望前後端的分工架構能夠形成,將網站建置的品質持續向上提升。然而,前端的工作並不輕鬆,其中一個很沒效率的工作就是「跨瀏覽器相容性測試」,經常擊倒不少人,因此打算整理一些不錯的相關資源,如果各位有任何推薦的相關資源,歡迎隨時留言給我,我隨時加上,感恩。

... 繼續閱讀 ...

網站建置不是件簡單的事 @ 跨瀏覽器網頁設計密技 (2)

設計跨瀏覽器網頁經常要在不同瀏覽器版本之間進行微調,調整的地方不一定只有 CSS 樣式,我們有時候會為了避開一些瀏覽器在特定版本下的 JavaScript 臭蟲,也會需要針對不同的瀏覽器版本撰寫不同的程式碼來因應,在這篇文章裡我會介紹各瀏覽器 CSS Hack 技巧以及 IE 條件式註解,幫助各位更輕易的設計出跨瀏覽器網頁。

... 繼續閱讀 ...

Visual Studio 11 新功能介紹:專案相容性與 HTML 編輯器

本月 25 日的跨行動裝置網站開發 - 使用 ASP.NET 4.5 Beta & Visual Studio 11 Beta 研討會我針對 Visual Studio 11 Beta 在 HTML5、CSS3 與 JavaScript 的新功能做了許多展示,有鑑於功能強大,我覺得還是有必要專文介紹這些新功能,讓大家更瞭解 Visual Studio 11 新版開發工具到底對 Web 開發人員帶來多少幫助,由於 Visual Studio 11 功能非常多,因此打算以系列文章切分成多篇文章來介紹。

... 繼續閱讀 ...

2011 微軟開發者大會:Migrate to HTML5

今天是 2011 微軟開發者大會 的日子,我主講 Migrate to HTML5 這個主題,前陣子也做過幾個 HTML5 的專案,當時濛濛懂懂的亂做一通,不知道有那麼多好東西、好工具可用,但因為這次演講我收集了不少資料,也看了幾本 HTML5 的書與 W3C 部分規格內容,而最近 Visual Studio 2010 又推出了個 Web Standards Update for Microsoft Visual Studio 2010 SP1 擴充套件,許多經驗還真的都很自然的連結在一起,這感覺真不錯。備註:一般來說我的演講行程都會公告在 Will 保哥的技術交流中心的 Facebook★★★ Will 保哥的噗浪 ★★★ 上,有興趣的人可以在上面按個讚或按個追蹤。

... 繼續閱讀 ...

介紹好用 Visual Studio 2010 擴充套件:Web Standards Update for Microsoft Visual Studio 2010 SP1

http://upload.wikimedia.org/wikipedia/commons/thumb/6/6e/HTML5-logo.svg/160px-HTML5-logo.svg.pngHTML5 雖然還在草案階段,不過 HTML5 這名詞實在越來越熱,熱到連不熟網路技術的客戶都指明要求網站要用 HTML5 來製作,是有沒有這麼誇張?這件事還真的發生了!HTML5 除了新增的元素(標籤)之外,還包括許多 JavaScript API,如果沒有 Intellisense 還真的不太方便,如果你已經升級到 Visual Studio 2010 SP1 的話,那已經有支援部分 HTML5 的語法,不過並不夠完整,微軟最近推出的 Web Standards Update for Microsoft Visual Studio 2010 SP1 擴充套件就是打算用來定期提供 Visual Studio 2010 SP1 最新版的 Web 標準更新,未來預計每三個月就會更新一次 W3C 提出的相關規格變更。

... 繼續閱讀 ...