Javascript debug: Difference between revisions
Jump to navigation
Jump to search
| Line 3: | Line 3: | ||
== methods / functions == | == methods / functions == | ||
Print message | |||
* alert() Method: [http://www.w3schools.com/jsref/met_win_alert.asp Window alert() Method] equivalent: window.alert("some message..."); | * alert() Method: [http://www.w3schools.com/jsref/met_win_alert.asp Window alert() Method] equivalent: window.alert("some message..."); | ||
* [http://stackoverflow.com/questions/323517/is-there-an-equivalent-for-var-dump-php-in-javascript Is there an equivalent for var_dump (PHP) in Javascript? - Stack Overflow] | * [http://stackoverflow.com/questions/323517/is-there-an-equivalent-for-var-dump-php-in-javascript Is there an equivalent for var_dump (PHP) in Javascript? - Stack Overflow] | ||
| Line 15: | Line 15: | ||
* 如果是進行 DOM 操作，可以將選定的 DOM 元素標上顏色，確認有選到。 ex: using [http://api.jquery.com/addClass/ .addClass() | jQuery API Documentation] | * 如果是進行 DOM 操作，可以將選定的 DOM 元素標上顏色，確認有選到。 ex: using [http://api.jquery.com/addClass/ .addClass() | jQuery API Documentation] | ||
Data type | |||
* [http://www.w3schools.com/jsref/jsref_isnan.asp isNaN() Function], [http://www.w3schools.com/jsref/jsref_isfinite.asp isFinite() Function], typeof variable | * [http://www.w3schools.com/jsref/jsref_isnan.asp isNaN() Function], [http://www.w3schools.com/jsref/jsref_isfinite.asp isFinite() Function], typeof variable | ||
Browser tool | |||
* [https://stackoverflow.com/questions/10213703/how-do-i-view-events-fired-on-an-element-in-chrome-devtools javascript - How do I view events fired on an element in Chrome DevTools? - Stack Overflow] on {{Chrome}} | |||
Browser cache issue | |||
* [https://stackoverflow.com/questions/44958022/managing-browser-cache javascript - Managing browser cache - Stack Overflow] | |||
* [https://blog.miniasp.com/post/2008/02/03/Avoid-browser-cache-problem-on-css-or-javascript-file.aspx The Will Will Web | 簡易克服 CSS 被瀏覽器快取(Cache)的問題] | |||
== tools == | == tools == | ||
Revision as of 15:51, 8 September 2017
<< 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
- Firefox
- 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
tools
- The Online Lint
- JSLint,The JavaScript Code Quality Tool
- desktop editor: Sublime Text + package: JSLint[1]
- JS Bin - Collaborative JavaScript Debugging
allow to download