Debugging AlloyUI
Liferay uses AlloyUI for frontend development by default. AlloyUI is a wrapper around YUI. With that said, all of the YUI development niceties are available for debugging AlloyUI code. For instance, the console:
1
2
3
4
5
6
7
8
9
AUI().ready('aui-base', 'console', function(A) {
new A.Console({
height: '250px',
newestOnTop: false,
style: 'separate',
visible: true,
width: '600px'
}).render();
});
Sweet. Now, I can do things like:
1
2
3
AUI().use('aui-base', function(A) {
A.log("This is some test that will log to the YUI console.");
});