Debugging"

From Documentation
Line 14: Line 14:
 
| Firefox
 
| Firefox
 
|  
 
|  
* Press '''F12'''. Or click menu at the top-right of your browser, then select '''Developer'''.
+
* [https://developer.mozilla.org/en-US/docs/Tools developer tool]. Press '''F12'''. Or click menu at the top-right of your browser, then select '''Developer'''.
 
* Or [http://getfirebug.com/ Firebug]. It is not built-in, so you have to download and install it separately.
 
* Or [http://getfirebug.com/ Firebug]. It is not built-in, so you have to download and install it separately.
 
*  [[ZK Jet| ZKJet]]. This is a recommend debugging tool. It is not built-in, so you have to download and install it separately.
 
*  [[ZK Jet| ZKJet]]. This is a recommend debugging tool. It is not built-in, so you have to download and install it separately.

Revision as of 07:41, 7 December 2016


Here we discuss how to debug the client-side code. For server side debugging, please consult the IDE manual you use.

Debugger

First, it is suggested to open a developer tool in the browser you're working with.

Browser Debugger
Chrome Press F12. Or click Chrome menu at the top-right of your browser window, then select More Tools > Developer Tools
Firefox
  • developer tool. Press F12. Or click menu at the top-right of your browser, then select Developer.
  • Or Firebug. It is not built-in, so you have to download and install it separately.
  • ZKJet. This is a recommend debugging tool. It is not built-in, so you have to download and install it separately.
Internet Explorer 8 , 9, 10, 11, Edge Developer Tools

It is built-in and you could start it by pressing F12.

Internet Explorer 7 Microsoft script debugger , fiddler2(network inspection) ,there's another choice is to use Develope Tool in IE8 with IE7 compatible mode
Internet Explorer 6 Microsoft script debugger , fiddler2(network inspection)

Turn Off Compression and Cache

By default, the JavaScript files (ZK packages) will be compressed and cached, which is hard to step in and debug. You could turn off the compression and the cache of JavaScript files by specifying the following in WEB-INF/zk.xml:

<client-config>
    <debug-js>true</debug-js>
</client-config>
<library-property>
    <name>org.zkoss.web.classWebResource.cache</name>
    <value>false</value>
</library-property>

Version History

Last Update : 2016/12/07


Version Date Content
     



Last Update : 2016/12/07

Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.