Improve your development workflow with Interactive Canvas DevTools

Interactive Canvas DevTools is a newly introduced Chrome extension designed to enhance the development workflow for multimodal apps on smart displays such as the Nest Hub and Nest Hub Max. The extension allows developers to separate and test different components of Interactive Canvas apps, such as the web app, conversational model, and server-based fulfillment, more efficiently by directly interfacing with Interactive Canvas callbacks in the browser. It features a History tab to track JSON object changes and compatibility checks for unsupported browser methods, helping identify issues early in the development process. Developers can simulate how apps will appear on Nest Hub devices by adjusting the development environment accordingly, and the tool also facilitates testing on remote devices within the same network. The Interactive Canvas DevTools extension is available on the Chrome Web Store and is open-source, with its code shared on GitHub for community collaboration.