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 的問題。

... 繼續閱讀 ...

jsCalendar 搭配 Validator 控制項的 JavaScript 錯誤

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

... 繼續閱讀 ...

修正 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 的部分定位常常會跑掉!

... 繼續閱讀 ...