Chrome Extension Development

Explore Chrome extension development by building an open source project, setting up a Node project, crafting a manifest.json, injecting content scripts, and loading the extension in Chrome via developer mode.

Explore how to create a Chrome extension context menu using manifest permissions, a background script, and content script, with event-driven clicks and callbacks.

Explore message passing in chrome extension development by wiring content scripts and background scripts to send and receive messages using chrome.runtime.sendMessage and onMessage with a data object payload.

Learn to locate and extract DOM elements in a Chrome extension by waiting for the document to load completely, capturing a target element, and building an XPath to locate it.

Learn to identify a unique id in the dom by extracting the value with xpath and document.evaluate, count matches, and report unique or duplicate results within a chrome extension workflow.

Learn to find attribute based xpath by extracting all attributes from a target element, building an export from them, and handling unique versus duplicate attributes.

Learn to find unique locators for web elements by using id-based and attribute-based strategies, extracting unique id, name, last name, and tag name while avoiding duplicates.