Skip to content

Instantly share code, notes, and snippets.

@helms-charity
Created February 28, 2014 19:25
Show Gist options
  • Save helms-charity/9277917 to your computer and use it in GitHub Desktop.
Save helms-charity/9277917 to your computer and use it in GitHub Desktop.
Developer hints for Adobe CQ5 - page level
Using this URL as a sample,
http://localhost:4502/cf#/content/kpmg/institutes/us/en/institutes/advisory/articles/2013/11/advisory-11-artilce1.html
Add the below strings of text at the end of your editing page's URL for some extra features:
1. To see your page without the left side content finder, just remove the #cf/ from the url.
2. add ?debug=layout to see all the details of the components used on your page
3. add ?debugConsole=true to see a 'lite' version of the browser's "inspect element" feature
4. add ?wcmmode=disabled to hide all the component placeholder items, etc so that you can really see how the page renders (better than using Preview).
5. ?debugClientLibs=true separates the ClientLib categories into their native separate files, so that when you 'Inspect Element" in your browser, you can see where the elements really live (example -- the ugly background color you're looking for might be on line 6 of an external style sheet, and using this will tell you exactly that instead of just showing you it is on the cached clientlibs.css on line 3,243 .)
6. CTRL+SHIFT+U used in combination with ?debugClientLibs=true will show you "Page load staticstics" (sic), or load time of the page.
7. http://localhost:4502/libs/granite/ui/content/dumplibs.html will show you ALL the clientlibs and their related information for the whole site.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment