H5 Webpage Display via Single Webview and Page Tags

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Current methods for loading H5 webpages in mobile devices require multiple webviews, leading to slower loading speeds and increased memory usage, especially when displaying interactive content like chat interfaces, encyclopedias, and videos.

Innovation Solution

A page displaying method that loads a main page in a webview and uses page tags to incorporate content from H5 webpages, allowing all H5 webpages to be loaded with a single webview, thereby accelerating loading speed and reducing memory usage, while enabling user interaction through JavaScript and CSS functions.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If multiple webviews are used to load H5 webpages, then each H5 webpage can be loaded independently, but the loading speed decreases and memory usage increases

Engineering Contradiction:
ImproveIndependent loading of H5 webpagesVSAvoidLoading speed
Core Design Contradiction:
Adaptability or versatilityVSProductivity

Solution Approach 1:

The patent merges multiple H5 webpage loading operations into a single webview by embedding H5 content directly into the main page structure. Instead of creating separate webview instances for each H5 page, the system embeds multiple H5 webpages into one main page using page tag technology, allowing all H5 content to be loaded and displayed within a single webview context, thereby improving loading speed and reducing memory consumption while maintaining the ability to access individual H5 pages.

Inventive Principle:
Principle #5Merging (Combining)

2Adaptability or versatility

If multiple webviews are used to load H5 webpages, then each H5 webpage can be loaded independently, but memory usage increases

Engineering Contradiction:
ImproveIndependent loading of H5 webpagesVSAvoidMemory usage
Core Design Contradiction:
Adaptability or versatilityVSQuantity of substance

Solution Approach 1:

The patent combines multiple H5 webpage loading operations into a single webview by embedding H5 content directly into the main page structure. Instead of creating separate webview instances for each H5 page, the system embeds multiple H5 webpages into one main page using page tag technology, allowing all H5 content to be loaded and displayed within a single webview context, thereby improving loading speed and reducing memory consumption while maintaining the ability to access individual H5 pages.

Inventive Principle:
Principle #5Merging (Combining)

3Productivity

If a single webview is used to load all H5 webpages, then loading speed improves and memory usage decreases, but the complexity of managing multiple H5 pages increases

Engineering Contradiction:
ImproveLoading speedVSAvoidPage management complexity
Core Design Contradiction:
ProductivityVSDevice complexity

Solution Approach 1:

The patent segments the management of multiple H5 webpages by introducing a page tag system that allows individual H5 pages to be identified, selected, and managed independently within the single webview. Each H5 webpage is wrapped in a page tag element, enabling the system to track and switch between different H5 pages without requiring multiple webview instances. This segmentation approach simplifies the management complexity by providing a structured way to organize and navigate multiple H5 pages within a unified webview architecture.

Inventive Principle:
Principle #1Segmentation

Data Source

PatentUS10839140B2Page displaying method, apparatus based on H5 webpage, and computer readable storage medium
Publication Date: 2020.11.17 BAIDU ONLINE NETWORK TECH (BEIJIBG) CO LTD
  • US10839140B2 patent drawing
  • US10839140B2 patent drawing
  • US10839140B2 patent drawing

AI summary

The present disclosure provides a page displaying method, device, apparatus based on an H5 webpage, and a computer readable storage medium. The page displaying method based on an H5 webpage includes: loading a main page in a webpage view; obtaining content of an H5 webpage; establishing a page tag, in which the page tag includes the content of the H5 webpage; and loading the page tag in the main page.