Chrome DevTools: Inspect hidden elements by debugging (ENG)

📑 Contents: This video explains how to inspect and use hidden html web elements for browser automation tasks or web scraping tasks. I show the difference between standard HTML5 element usage and React components (for example). 🎪 Target group: For those who want to automate websites or want to scrape data from websites, the Chrome DevTools are a powerful and supportive toolset to achieve such goals. 🔇 Out of scope: I deliberately omitted a deep dive into browser- or javascript debugging in the browser. This can be shown better in other videos with concrete use case. Also I assume very basic understanding of selectors (locator strategies like XPath) and don't explain these aspects in this video. ──────────────────── ⌚ Chapter: 00:00 Introduction 00:18 Standard HTML dropdown element (select) 01:06 Inspect "select" element (the easy way) 02:06 Explaining the problem 03:00 Try to inspect the hidden elements 04:25 Debugging/breakpoints (find hidden elements) 07:49 Upcoming content 08:14 End, learned something? ──────────────────── 🔗 Links: Playlist: Chrome DevTools (ENG) https://www.youtube.com/playlist?list=PLDoYN-7Uor1BU4GY5qui1XKVSl4udGI36 AutoIt Forum Thread https://www.autoitscript.com/forum/topic/212869-webdriver-udf-react-select-dropdown-list ──────────────────── 🔖 Support • Subscribe to the channel: https://www.youtube.com/@svenau3go?sub_confirmation=1 • Activate the bell: to be notified about every new video • Comment or email: give me your feedback • Contribute: my GitHub projects 📫 Reach me out • GitHub: https://github.com/sven-seyfert • Discord: https://discord.gg/5DWTpZK3QN • Impressum: https://solve-smart.de/#/de/impressum ──────────────────── 🧮 #20250502033