Web | The Will Will Web

The Will Will Web

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

善用 JavaScript 的 debugger 指令讓網頁主動進入中斷點

在我們日常開發的工作裡經常會使用 Visual Studio 對 ASP.NET 進行偵錯,不過都是針對在伺服器端的程式進行偵錯,如果要對前端 (Browser) 的 JavaScript 進行偵錯,就可以利用今天打算介紹的這個開發技巧讓已經開啟指令碼偵錯工具的網頁直接進入中斷點,或是強迫網頁啟動偵錯工具利用 Visual Studio 來對網頁進行偵錯,如此一來就能夠輕易的在前端快樂的遊走每一行 JavaScript 程式碼。

... 繼續閱讀 ...

邊做邊學 Internet Explorer 8:深入 IE8 開發人員工具 (錄影)

Internet Explorer 8 對開發人員來說最棒的禮物就是內建的 IE 開發人員工具,因為以往在 IE 瀏覽器下要對整份網頁進行分析與偵錯極為不方便,從 IE8 開始無論是分析 HTML、CSS、JavaScript 都變的非常容易,在這個短小精幹的 IE8 開發人員工具裡隱藏了許多不為人知的好用功能,讓我們來看看葫蘆裡到底在賣些什麼藥吧。

... 繼續閱讀 ...

如何在 node.js 執行 UglifyJS 對 JavaScript 進行壓縮或美化

前一篇文章我介紹了如何在 Cygwin 環境下安裝 node.js,我的原始目的只是為了要能正常執行 UglifyJS 而已,原本想說在 node.js 寫的程式都是 JavaScript 應該不會有什麼問題吧,結果是目前版本的 UglifyJS 還有點小問題導致無法正常執行,解決方式也很簡單,以下是 UglifyJS 的安裝與使用說明。

... 繼續閱讀 ...

如何在 Windows 作業系統安裝 Node.js 執行環境 (Cygwin)

由於 jQuery 1.5 在前幾天釋出正式版,我從 Release Notes 中發現 jQuery Team 這次改用 UglifyJS 對整個 jQuery 原始碼進行編譯 (其實是將 JS 最小化)(原本是使用 Google Closure Compiler ),但 UglifyJS 只能執行在 NodeJS 執行環境下,原本 NodeJS 只能跑在 Linux 環境下,還好從  node.js v0.2 版之後就開始支援在 Windows 環境下執行,以下是設立 NodeJS 執行環境的流程。

... 繼續閱讀 ...

邊做邊學 Internet Explorer 8:瞭解 IE8 相容性技術 (錄影)

我相信所有 Web 開發人員與網頁設計師都對瀏覽器的相容性十分頭痛,除了不同瀏覽器版本難以掌控外,就連 Internet Explorer 瀏覽器各版本的相容性也一樣難以掌握,不過從 Internet Explorer 8 開始就針對各版本之間的相容性做出了許多強化,因此在本次的邊做邊學系列中將會詳述 Internet Explorer 8 到底內建了多少與相容性相關的技術,而開發人員又應如何利用這些特性協助我們開發出高相容性的網頁。

... 繼續閱讀 ...

網站域名應避免使用底線 ( _ ) 以免特定系統無法解析名稱

最近客戶買了一台 Android 平板電腦在測試網站,不過卻發生網站無法連線的狀況,我們依據客戶的描述也使用同事手邊的 Android 手機 (PDA) 進行測試,測試的結果卻相當順利 ( 測試相同網址 )。另外,客戶手邊的使用 Android 可以連接大部分網站,唯獨連到我們的測試網站就無法連線,最後才發現原來是域名中使用了底線所致。

... 繼續閱讀 ...

在開發時期如何有效避免 Internet Explorer 對網址進行快取

我們在開發網站應用程式的時候,有時後需要模擬特定網址進行操作,模擬的過程中通常都是透過修改系統的 hosts 檔案來指定特定網址所對應的 IP 位址 (開發環境下的主機 IP 位址) 以便於進行測試,但是在使用 Internet Explorer 進行測試時經常會遇到 DNS 被快取的狀況,而我這裡提到的是 IE 內建的 DNS 快取機制,並非系統的 DNS 快取機制,因此並無法透過 ipconfig /flushdns 指令來清空快取。

... 繼續閱讀 ...

利用【 Alt + 數字鍵 】可輸出任意 Unicode 字元與符號

各位在噗浪上或 MSN 聯絡人清單上經常都會看到一些人在命名時會用一些非常特殊的字元,例如用圈圈框起來的數字 ➀ ➁ ➂ 或 ✓ ✗ ✫ © ® 或貨幣符號 € £ ¥ ¢ ƒ 或是 {。^◕‿◕^。} 等俏皮的符號,這些特殊符號其實都是 Unicode 的標準字成員之一,如果你知道這些 Unicode 字元的編碼的話,你還能透過 Windows 內建的【 Alt + 數字鍵 】直接打出來喔,其實你現在就可以試試按著 Alt 鍵不放然後在輸入數字鍵的 10112 然後再將 Alt 鍵放開,看會不會看到 ➀ 被打出來呢!

... 繼續閱讀 ...

Microsoft Expression Web 3 Service Pack 2 已提供下載

自從好幾個月前將 Firefox 升級到 3.6 版後導致 Microsoft Expression Web 3 SuperPreview 無法分析網頁在 Firefox 3.6 的顯示狀況,直到前幾天推出的 Microsoft Expression Web 3 Service Pack 2 (SP2) 終於解決此問題。除此之外,也解決幾個在 Expression Web 3 有時會掛掉的重大問題,有在使用的人趕快更新吧。

... 繼續閱讀 ...

解決 OutputCacheLocation 指定為 ServerAndClient 的問題

Web 效能調校博大精深,眉眉角角的細節之多實在難以整理,我想大部分人也都跟我一樣,也是從一次又一次與茶包戰鬥中累積經驗,這次又遇到了一個有趣的問題。當我想將頁面設定輸出快取時,可能會希望同時快取在伺服器端(Server)與用戶端(Client),因此在設定 OutputCache 時有個 Location 屬性,我們會將其設定為 ServerAndClient 或 Any,但是你可否知道即便你這樣設定,一樣無法快取網頁內容於用戶端(Client),所以單單這樣設定並沒有達到我們真正想達到的目的 ( 同時在 Server 與 Client 快取網頁 )。

... 繼續閱讀 ...

介紹好用工具:Stop Forum Spam (有效阻擋垃圾訊息入侵)

我的部落格偶而會遭受廣告機器人攻擊,常常有一些奇怪的英文廣告被發表在文章的回應裡,每次看來源 IP 都是從美國/加拿大來的居多,我想大多是透過機器人自動攻擊的,由於時常要刪除這些廣告留言也覺得蠻煩的,上網找到一個 Stop Forum Spam 網站,這裡記錄了許多全世界到處在論壇散佈廣告訊息的 IP 位址、常用的帳號、Email 等,有趣的是來我這發表廣告的 IP 位址都會出現在這裡,此網站提供簡易的 API 方便透過程式整合,所以就寫了個小程式保護我的部落格留言機制。

... 繼續閱讀 ...