Web Page Abnormal Element Filtering via Post-Rendering Detection
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Current web page processing methods fail to precisely filter out abnormal elements such as advertisements and fraudulent content after web page rendering, leading to a poor user experience due to remaining irrelevant content.
Innovation Solution
A method and apparatus that detect abnormal elements post-rendering, generate an interaction entrance on the web page, and filter out these elements upon user-triggered operations, allowing for precise removal of unwanted content after the page has been displayed.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Speed
If abnormal elements are filtered out before web page rendering, then rendering performance is improved, but filtering precision deteriorates because users cannot sense the filtering operation and abnormal elements remain in the rendered page
Solution Approach 1:
The system performs preliminary detection of abnormal elements after rendering by injecting detection code that identifies abnormal elements based on predefined criteria (advertising keywords, fraud patterns, etc.). This allows the system to prepare filtering actions in advance while maintaining rendering performance, then execute precise filtering when users trigger the interaction entrance.
Solution Approach 2:
The system implements feedback by detecting abnormal elements after rendering, providing users with visibility through interaction entrances, and allowing users to trigger filtering based on their perception. This feedback loop enables users to control filtering based on actual rendered content, improving filtering precision while maintaining rendering performance.
2Loss of time
If filtering is performed before rendering, then processing time is reduced, but filtering effectiveness deteriorates because abnormal elements cannot be precisely identified after content and layout are finalized
Solution Approach 1:
The system performs preliminary actions during rendering by injecting detection code that prepares for subsequent abnormal element identification. This preliminary detection setup occurs during rendering without significantly increasing processing time, while enabling reliable filtering after the page is fully rendered and content is finalized.
Solution Approach 2:
The system transitions from static pre-rendering filtering to dynamic post-rendering filtering. The filtering process becomes dynamic by detecting abnormal elements after rendering based on actual content and layout, allowing the system to adapt to random changes in content while maintaining reasonable processing time through efficient detection algorithms.
3Measurement precision
If abnormal elements are detected after rendering, then filtering precision is improved, but user awareness and control deteriorate because users cannot sense the filtering operation
Solution Approach 1:
The system implements feedback by providing users with interaction entrances that make filtering operations visible and controllable. Users can see the interaction entrance, understand that filtering is available, and trigger it based on their perception of abnormal elements, thereby improving user awareness while maintaining high filtering precision through post-rendering detection.
Solution Approach 2:
The system enables self-service by allowing users to control the filtering process themselves through interaction entrances. Users can independently decide when to trigger filtering based on their observation of the rendered page, improving ease of operation and user awareness while the system maintains precise filtering capabilities through post-rendering detection.
4Ease of operation
If an interaction entrance is generated and displayed, then user control over filtering is improved, but device complexity increases due to additional components and operations
Solution Approach 1:
The interaction entrance serves multiple functions: it informs users about filtering availability, provides a trigger mechanism for filtering, and can display filtering status. This multi-functionality reduces the need for separate components for each function, thereby improving user control while minimizing the increase in system complexity.
Data Source
AI summary
The present disclosure provides a web page processing method. The method includes obtaining web page elements after web page rendering is performed on a to-be-accessed web page; detecting whether an abnormal element exists in the web page elements; generating and displaying an interaction entrance on the to-be-accessed web page if an abnormal element exists in the web page elements; and obtaining a trigger operation on the interaction entrance and filtering out the abnormal element in response to the trigger operation.