I am trying to view the components and templates that have been used in a live AEM page but I am not able to find it?
Can someone help me on how to find the template and the components used on the page? I am trying to view it using the "Inspect" tab in the Chrome Devtools since I do not have any access to any AEM development platform or author instance or publish instance
If you do not have access to the authoring instance (or the source code of that project), it is normally impossible to find out details of the templates and components. You can start guessing on details of the HTML markup, but that's it.
@saikumar_loganathan, There's a number of ways on how you can get the page structure details from your AEM production site:
If you are using Adobe's core page component, and editable templates, you can replace ".html" with ".model.json", and you will get a JSON representation of the page structure (resourceType & all used components); assuming that you're Apache Dispatcher module rules allow you to access .model.json. e.g: https://example.com/home.model.json
Access your production author instance, long path of a given webpage, and replace ".html" with ".tidy.inffinity.json" or ".model.json" (if using core page component), and you can get a JSON representation of the page structure.