Given a web page, we will examine its structure and elements using Chrome's DevTools. The aim here is to review the structure and elements of a web page using Chrome's DevTools. The steps for completion of this process are as follows:
- Open the https://trainingbypackt.github.io/Beginning-Selenium/lesson_3/activity_3_A-1.html file on Chrome.
- Open Chrome's DevTools.
- Right-click on the See your wallet button and choose the Inspect option. You will see a portion of code highlighted on the Elements window to your right:
- On the Elements window, right-click on the highlighted code over the text of the button and select Edit text.
If the Edit text note does not appear, make sure that you are right-clicking over See your wallet text.
- Change the text of the button to Check your wallet. Verify that the text has changed on the web page to your left: