You're reading from Extending Microsoft Power Apps with Power Apps Component Framework A complete guide to creating, deploying, and improving your code components

Product type Paperback

Published in Feb 2021

Publisher Packt

ISBN-13 9781800564916

Length 318 pages

Edition 1st Edition

Tools

Azure

Concepts

Enterprise Resource Planning

Author (1):

Danish Naglekar

View More author details

Table of Contents (18) Chapters

Preface

1. Section 1: Fundamentals of the Power Apps Component Framework

2. Chapter 1: Introduction to the Power Apps Component Framework FREE CHAPTER

3. Chapter 2: Power Apps CLI

4. Chapter 3: Community Tools and Resources

5. Chapter 4: Project Overview and the Component Life Cycle

6. Section 2: Building and Managing Code Components

7. Chapter 5: Code, Test, and Repeat

8. Chapter 6: Debugging Code Components

9. Chapter 7: Authentication Profiles

10. Chapter 8: Introduction to the Dataverse Project

11. Chapter 9: Configuring Code Components in Power Apps

12. Section 3: Enhancing Code Components and Your Development Experience

13. Chapter 10: Diving Deep into the Features Provided by PCF

14. Chapter 11: Creating Advanced Dataset Code Components

15. Chapter 12: Enriching Your Dev Experience

16. Answers to Knowledge Tests

17. Other Books You May Enjoy

Debugging using the test harness

Most modern browsers have a variety of built-in debugging capabilities. Microsoft Edge, Google Chrome, Mozilla Firefox, and Apple Safari each have built-in developer tools that allow interactive debugging. You can use any browser you would prefer, but the examples and screenshots in this book are based on Google Chrome.

While the test harness is running in a browser, press Ctrl + Shift + I on your keyboard to launch DevTools. Let's first start with understanding how to use DevTools to inspect the elements that make up a code component.

Inspecting elements in a code component

In DevTools, the first tab, named Elements, shows the elements panel, which provides you with a way to view the HTML that is rendered on the page. You can access your elements on the UI by using the Inspect functionality, which can be accessed in one of the following two ways: