CQ Page Editing Tips

Here is the summary of several tips useful during developing your CQ pages (it's an aggregated information from other blogs, just to keep it in one place):

1. Show content finder on the page.

Add /cf# prefix to page's URL. Remove it to hide content finder.

Example: http://localhost:4502/cf#/content/geometrixx/en/products.html

2. Set the mode of your page.

Add parameter wcmmode=(edit|preview|design|disabled)

Example: http://localhost:4502/content/geometrixx/en/products.html?wcmmode=preview

3. Shows details of all the components used on your page.

Add parameter debug=layout

Example: http://localhost:4502/content/geometrixx/en/products.html?debug=layout

4. Run Firebug Lite tool for the web page. 

Add parameter debugConsole=true

Example: http://localhost:4502/content/geometrixx/en/products.html?debugConsole=true

5. Writes Logs all data in your Clientlib category as separate files (to view it you should view HTML-source of the page).

Add parameter debugClientLibs=true

Example: http://localhost:4502/content/geometrixx/en/products.html?debugClientLibs=true

6. View timing information of your page.

Press CTRL+SHIFT+U