Graphics Reference
In-Depth Information
If we now start the final composition in a browser such as Google Chrome
and open the debugging console (Windows: Ctrl+Shift+J, OS X: Cmd+Alt+J),
the output for the logging statements are as follows:
Figure 5.1
Overview of the events (blue text)
displayed in the console
Figure 5.2
Simple logging with
console.log()
and the ouput in the Google Chrome
console
However,
console.log()
should only be used in the development of a
page. Logging reveals many details about your composition, but with frequent
use, it can affect the playback speed of the animations. Also note that this feature
is not available in certain browsers, such as in older versions of Internet Explorer,
which can result in subsequent scripts not being executed as expected. Another
disadvantage of
console.log()
is the fact that while you can use different log
levels (
info, debug, warning
and
error
), these are extremely difficult to
filter. Also, subsequent deactivation of log-levels is not possible. To avoid these
problems, I recommend you to take a look at the logging functions of the free
Edge Commons extension.
4
Project
The files for this example can be
downloaded from http://edgebuch.
simonwidjaja.com
Project Name:
Interaction_Simple_Logging
