Javascript debug

<< Testing: Javascript

methods / functions

Print message

• alert() Method: Window alert() Method equivalent: window.alert("some message...");
• Is there an equivalent for var_dump (PHP) in Javascript? - Stack Overflow
• console.log()
  • Firefox : Firebug and Logging : Firebug, 利用Firebug的console功能作JavaScript偵錯 - iT邦幫忙::IT知識分享社群 for Firefox not work for the Firebug Lite for Google Chrome(tested version: 1.4.0.11967 )
  • Chrome : Using the Console - Chrome Developer Tools — Google Developers Enter the javascript scripts in the console ( after the > symbol) directly.
  • IE v.9: Using the F12 Tools Console to View Errors and Status (Windows) / 使用 F12 工具主控台檢視錯誤和狀態 (Windows) not IE v.8
• Javascript var_dump function | Tsung's Blog

DOM

• 如果是進行 DOM 操作，可以將選定的 DOM 元素標上顏色，確認有選到。 ex: using .addClass() | jQuery API Documentation

Data type

• isNaN() Function, isFinite() Function, typeof variable

Browser tool

• javascript - How do I view events fired on an element in Chrome DevTools? - Stack Overflow on Chrome

Browser cache issue

• javascript - Managing browser cache - Stack Overflow
• The Will Will Web | 簡易克服 CSS 被瀏覽器快取(Cache)的問題

tools

• The Online Lint
• JSLint,The JavaScript Code Quality Tool
  • desktop editor: Sublime Text + package: JSLint
• JS Bin - Collaborative JavaScript Debugging allow to download