The Will Will Web

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

好用的線上 JavaScript 格式化工具

有時後在網路上找到一些 JavaScript 的程式片段或函數庫,但是排版很醜,不容易閱讀,所以我就找了幾個好用的 JavaScript 格式化工具:

  • Online javascript beautifier
    http://jsbeautifier.org/

    純 JavaScript 的 JavaScript 格式化工具,速度快。

  • prettyprinter.de
    http://www.prettyprinter.de/

    這個更厲害,可以格式化 PHP, Java, C++, C, Perl, JavaScript, CSS 等原始碼,還支援許多格式化的選項。

除此之外,我還在 Wikipedia 上面找到 Prettyprint 的文件,列出更多格式化原始碼相關的參考資料,有興趣的可以去看看。

... 繼續閱讀 ...

如何檢查 HTML 中的元素是否被隱藏

我們常會使用 element.focus() 方法,讓鍵盤游標停留在某個欄位上。例如說「會員登入」頁面開啟時,鍵盤輸入的游標就直接停在「帳號」欄位上,讓頁面開啟來後就可以直接輸入帳號。

... 繼續閱讀 ...

簡易克服 CSS 被瀏覽器快取(Cache)的問題

我們建置網站完成後,接下來就是將網站上線了,但當發現網站有問題要修改的時候,可能會遇到一個問題,就是當我們修改 JavaScript 或 CSS 的時候,預設的情況下 *.js*.css 這類靜態網頁通常會被 Browser 快取(Cache)起來,除非你先主動清除這些快取資料,或人工將頁面重新整理才能讀到新的資料。但這個「人工手動」的動作客戶可無法接受!因為大部分網友不會知道需要做這個「重新整理」的步驟,看到的可能是錯誤的畫面、或 JavaScript 的問題。

... 繼續閱讀 ...

讓 IE 執行 JavaScript 的速度立即快 5 倍數的方法

只要在網頁的 <head> 標籤裡的最上面加上這一行,就可以立即提升5倍的執行效率喔!

... 繼續閱讀 ...

在 IE 中把 Browser 強制關閉的方法

基本上,Browser 都因為安全性的問題不允許強制關閉主視窗,但自己透過 window.open() 開啟的視窗可以控制強制關閉。

... 繼續閱讀 ...

jsCalendar 搭配 Validator 控制項的 JavaScript 錯誤

今天一直在想辦法解決 jsCalendar 搭配 ASP.NET 的 Validator 控制項時的一個 JavaScript 問題,嚴格來講,應該是 ASP.NET 的錯誤,他沒有將 JavaScript 的 Error Handling 寫好,導致會出現 JavaScript Error,不過最後還是無法解決,不得已只能用以下這種方式解決,就是把這一頁的所有 JavaScript Error 忽略掉:

... 繼續閱讀 ...

Ajax View : 遠端監控 Web 2.0 應用程式的效能與行為

今天看到一個不錯的工具叫做 Ajax View,這是一個微軟的研究專案,用來增加開發者對 Web 2.0 應用程式測試的能見度,可以用來監看 Web AP 的運作方式與效能分析,也很方便用來 Trace JavaScript 的執行順序,這樣一來就很容易除錯了。

... 繼續閱讀 ...

如何取得任何 HTML 標籤右上角的位置

1. 首先,必須先抓到該 HTML 標籤在畫面中「左上角」的位置。

... 繼續閱讀 ...

修正 The Coolest DHTML Calendar 套件在 IE 7 的定位問題

我們在輸入日期欄位時,常常用 The Coolest DHTML Calendar 這個套件來增加輸入日期的易用度,但是自從 2005 年 3 月 7 日以後,就一直停在 v1.0 版沒有更新,導致一些錯誤都沒有修正,尤其是常見的定位問題,因為 IE 7 變的比較符合 W3C 的標準了,所以在 CSS Positioning 的部分跟 IE 6 不相容,也造成了 The Coolest DHTML Calendar 這個套件的 Popup Calendar 的部分定位常常會跑掉!

... 繼續閱讀 ...