Skip to content

Using ARX Dev Tools

ARX Dev Tools provides a powerful set of features to streamline your Chrome development process. This guide will walk you through the key aspects of using the extension effectively.

Key Features

🔍 Extension as FAB

ARX Dev Tools is accessible as a Floating Action Button (FAB) in the Chrome toolbar.

Developer Mode Indicator

When you see a "D" icon, ARX Dev Tools is in Developer Mode, highlighting locally served components for easy identification.

  • Certain components are served locally
  • Local components are highlighted for quick identification

🔽 Accordion Information

The accordion interface provides easy access to key project details:

  • Page Details: Access URL, title, and server info of the current page
  • Last Modified Components: View the most recently updated components
  • Custom Rendered Components: Inspect custom-rendered elements in your project

Maximizing Your Workflow

💡 Pro Tips

  • Use the Developer Mode indicator to distinguish production from development environments quickly.
  • Check Last Modified Components regularly to stay updated on recent changes.
  • Leverage Custom Rendered Components for debugging and optimizing your project’s custom elements.