Webpage Autofill via DOM Watcher and ML Engine
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Conventional autofill technologies face challenges in identifying and operating on dynamically rendered and loaded web elements, such as iframes, due to their dynamic identifiers, which hinders seamless autofill operations across various web pages and platforms.
Innovation Solution
A system utilizing a watcher process to monitor DOM changes and a machine learning engine to generate values for autofill, simulating user-agent actions and injecting values into input fields through a browser controller and injection engine, ensuring autofill functionality across different web pages and platforms.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If conventional autofill approaches are used, then autofill can operate on static web elements, but it fails to operate on dynamically rendered web elements with random identifiers
Solution Approach 1:
The system transitions from static element identification to dynamic element identification by implementing a watcher process that continuously monitors DOM changes. The autofill system now adapts to dynamically rendered elements and randomly assigned identifiers by observing structural changes rather than relying on fixed identifiers, resolving the contradiction between adaptability and reliability.
Solution Approach 2:
The watcher process provides continuous feedback about DOM changes and element states to the autofill engine. This feedback mechanism enables the system to track dynamically rendered elements and maintain reliable autofill operations by responding to real-time changes in the web page structure.
2Adaptability or versatility
If a watcher process is implemented to monitor DOM changes, then autofill can adapt to dynamic web elements, but system complexity increases
Solution Approach 1:
The autofill system is segmented into distinct functional modules: a watcher process for monitoring DOM changes, an injection engine for value injection, a browser controller for coordination, and classification modules for page and field identification. This segmentation manages complexity by assigning specific responsibilities to each component while maintaining overall system adaptability.
3Productivity
If multiple rounds of autofill are performed, then complete autofill coverage is achieved, but processing time increases
Solution Approach 1:
The watcher process is initialized and begins monitoring DOM changes before the actual autofill operation commences. This preliminary action allows the system to detect dynamically rendered elements in advance and prepare appropriate autofill strategies, reducing the overall processing time while maintaining complete autofill coverage.
Data Source
AI summary
A system and method for performing autofill of fields in a web page are disclosed. The method may include: obtaining user data associated with a user device used to access one or more web pages from a web server; obtaining site data from data communication messages between the user device and the web server; determining, using a page classifier module, if a current web page from the one or more web pages includes at least one input field for autofill; when the current web page is determined to include at least one input field for autofill: using a field classifier module to identify one or more input fields for autofill from the at least one input field; generating, based on one or both of the user data and site data, one or more values for the one or more input fields; and performing an autofill of the one or more input fields with the one or more values.