- Aurelia - Best Practices
- Aurelia - Community
- Aurelia - Debugging
- Aurelia - Bundling
- Aurelia - Tools
- Aurelia - Localization
- Aurelia - Dialog
- Aurelia - Animations
- Aurelia - History
- Aurelia - Routing
- Aurelia - Refs
- Aurelia - HTTP
- Aurelia - Forms
- Aurelia - Event Aggregator
- Aurelia - Events
- Aurelia - Converters
- Aurelia - Binding Behavior
- Aurelia - Data Binding
- Aurelia - Plugins
- Aurelia - Configuration
- Aurelia - Dependency Injections
- Aurelia - Custom Elements
- Aurelia - Component Lifecycle
- Aurelia - Components
- Aurelia - First Application
- Aurelia - Environment Setup
- Aurelia - Overview
- Aurelia - Home
Aurelia Useful Resources
Selected Reading
- Who is Who
- Computer Glossary
- HR Interview Questions
- Effective Resume Writing
- Questions and Answers
- UPSC IAS Exams Notes
Aurepa - Debugging
In this chapter, you will learn how to add Aurepa context debugger as a chrome extension.
Note − Before adding the extension, you need to have aurepa-tools files. If you don t have it, you can check Tools chapter.
Step 1 - Open Chrome Extensions
The easiest way to open chrome extensions is to run the following code in browser’s URL bar.
chrome://extensions
Step 2 - Add Extension
Since this extension isn t yet available from Chrome store, check developermode checkbox and cpck Load Unpacked Extensions. This will open a small window where you can choose the extension to add.
For this example, let us choose Desktop/aurepa-projects/tools/context-debugger folder and open it.
Now, we can see that the extension is loaded in the browser.

We can also check the developers console. When we cpck elements tab, we will see aurepa-properties at the bottom right corner.
