Shadow DOM Co-browsing Identifier Mapping
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Co-browsing technologies face challenges in handling shadow DOM elements due to their unique structure, which complicates the identification and transmission of shadow DOM regions, leading to inefficiencies in sharing and synchronizing web page content between browsers.
Innovation Solution
The method involves detecting shadow host DOM elements, creating a unique identifier scheme for shadow DOM regions, and maintaining a map of shadow root identifiers and constructed stylesheets to efficiently locate and transmit shadow DOM elements during co-browsing sessions, ensuring that shadow DOM regions are accurately replicated and updated without re-transmitting their content.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Loss of information
If shadow DOM elements are included in co-browsing, then the completeness of DOM sharing is improved, but the complexity of identifying and transmitting shadow DOM regions increases
Solution Approach 1:
The patent segments the DOM into regular DOM regions and shadow DOM regions, applying different identification and transmission strategies to each. Shadow DOM regions are detected and handled separately from the main DOM tree, allowing the system to maintain completeness while managing complexity through structured division of the DOM handling process.
Solution Approach 2:
The patent introduces an intermediary mapping mechanism that correlates shadow root identifiers with their corresponding shadow DOM regions. This intermediary structure enables efficient location and transmission of shadow DOM elements without requiring direct traversal or complex querying of nested shadow DOM regions, thus reducing transmission complexity.
2Measurement precision
If shadow DOM regions are transmitted during co-browsing, then accuracy of shadow DOM element representation is improved, but transmission efficiency decreases due to repeated content re-transmission
Solution Approach 1:
The patent performs preliminary detection and mapping of shadow DOM regions during the initial DOM capture phase. By pre-identifying shadow DOM boundaries and creating identifier mappings before transmission begins, the system ensures accurate representation of shadow DOM elements while avoiding the need to re-transmit their content when parent elements are updated, thus maintaining both accuracy and efficiency.
Solution Approach 2:
The patent creates a virtual copy of the shadow DOM structure using identifier mappings rather than physically copying and re-transmitting the actual shadow DOM content. This virtual copying mechanism maintains accurate representation of shadow DOM regions while significantly reducing transmission overhead, as only identifier references are transmitted rather than full content copies.
3Ease of manufacture
If traditional DOM identification methods are used, then simplicity of implementation is maintained, but ability to locate shadow DOM elements deteriorates
Solution Approach 1:
The patent extends traditional DOM identification methods by creating a universal identifier scheme that works for both regular DOM elements and shadow DOM elements. The identifier system is designed to be multi-functional, serving as a common interface for locating elements in both DOM types, thus maintaining implementation simplicity while enabling shadow DOM element location through the same query mechanisms used for regular DOM.
Data Source
AI summary
Co-browsing shadow DOM elements is enabled by detecting shadow host DOM elements and nested shadow host DOM elements on the visitor DOM. Identifiers are attached to the DOM elements within shadow DOM regions to uniquely and efficiently identify the DOM elements within shadow DOM regions and nested shadow DOM regions. When shadow DOM elements are transmitted on the co-browse session, the identifiers specify where the DOM elements are located (which shadow DOM regions) so that the agent co-browse JavaScript is able to efficiently locate the DOM elements without querying each shadow DOM region. The agent co-browse JavaScript maintains a map correlating shadow root identifiers with the HTML of the shadow DOM regions and associated constructed stylesheets, so that the HTML of a shadow DOM region is not required to be re-transmitted if the portion of the DOM including the shadow host is replaced.