Looking for breakthrough ideas for innovation challenges? Try Patsnap Eureka!

Self-adaptive typesetting method and device based on browser and storage medium

A browser, self-adaptive technology, applied in the direction of network data browsing optimization, other database retrieval, website content management, etc., can solve the problems that users cannot successfully complete drag and drop behavior, adaptive typesetting failure, etc., to improve browsing experience, improve Display effect, increase the effect of adaptive degree

Active Publication Date: 2020-03-03
SHANGHAI BILIBILI TECH CO LTD
View PDF15 Cites 0 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

However, this method is often limited by the shape and size of each content module in the original typesetting. When the size of the module dragged by the user is larger than the area of ​​the blank space, or there is already a content module in the blank space, the user cannot successfully complete the dragging behavior. , resulting in the failure of adaptive typesetting

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Self-adaptive typesetting method and device based on browser and storage medium
  • Self-adaptive typesetting method and device based on browser and storage medium
  • Self-adaptive typesetting method and device based on browser and storage medium

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0050] In this embodiment, all operations are implemented based on the WEB side. In order to achieve the effect that users can place the content modules they want to see in a convenient location or hide the content they don’t like, the main idea is: The user drags and drops the module displaying the content with the mouse to realize the custom page content layout. After the content module is moved, each content module is rearranged, or the content module can be closed and no longer displayed.

[0051] According to the above ideas, the process of adaptive typesetting implemented in this embodiment is as follows: figure 2 As shown, it is the various types of content that are displayed when the user enters the website page. It can be seen from the figure that content B occupies most of the display space in the page, but the user wants to focus on content A, so at this time, the user can drag and drop content B to move the position of content B, so as to achieve To highlight the...

Embodiment 2

[0053] The adaptive typesetting process in this embodiment is basically the same as that in Embodiment 1. The difference is that in the process of moving content B, it is found that the overlapping area of ​​content B and content A and content C exceeds the defined threshold. In the example, it is 50%, so the return movement fails. At this time, in order to ensure the smooth progress of the movement, the browser changes the shape adjustment object to content B and content C at the same time. Therefore, the remaining content after content A is excluded from the calculation target position The area and general shape of the white space, call two object shape templates from the template library, the combination of these two templates can better match the area and shape of the white space, after finding the two templates, and then respectively add the content B and Content C are filled in according to the internal format of the template, so as to achieve the purpose of adaptive type...

Embodiment 3

[0055] The adaptive typesetting process in this embodiment is basically the same as that in Embodiment 1. The difference is that this embodiment is based on the mobile terminal, so at this time the user does not drag the object with the mouse, but selects it by long-pressing After selecting an object, drag and drop to adjust the position. Except for the above differences, other processes of this embodiment are basically the same as those in Embodiment 1.

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

PUM

No PUM Login to View More

Abstract

The invention relates to a self-adaptive typesetting method and device based on a browser and a storage medium, and belongs to the technical field of the Internet. The method comprises the following steps: monitoring a moving operation of a user on an object in a browser; adaptively adjusting the shape of the moved object according to the area of the moved object and the moving target position; the device comprises a processor and a memory, a computer program is stored in the memory, and when the computer program is executed by the processor, the browser-based self-adaptive typesetting methodis realized. A computer program is stored on the medium, and when the computer program is executed by the processor, the self-adaptive typesetting method based on the browser is achieved. Compared with the prior art, the method has the advantages of being high in self-adaptive capacity, high in operation convenience, good in display effect and the like.

Description

technical field [0001] The present invention relates to the field of Internet technology, in particular to the field of mobile application, and specifically refers to a browser-based adaptive typesetting method, device and storage medium. Background technique [0002] With the rapid development of Internet technology, displaying published content in a webpage has become a very common display method. Through the display page of the browser, people can display the published content in a modularized manner according to their needs through a more beautiful typesetting method. [0003] However, when users browse the corresponding content in the browser, they can only browse according to the established typesetting when the web page is released. This often leads to users needing to browse a lot of uninteresting content, and it is easy to miss information that is really meaningful to them. This will not only reduce the user's browsing efficiency and browsing experience, but also ...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

Application Information

Patent Timeline
no application Login to View More
Patent Type & Authority Applications(China)
IPC IPC(8): G06F16/957G06F16/958
Inventor 吴鑫宋琪
Owner SHANGHAI BILIBILI TECH CO LTD
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Patsnap Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Patsnap Eureka Blog
Learn More
PatSnap group products