A method and device for zooming a webpage on an electronic device

Abstract

The invention discloses a method and a device for webpage zooming on electronic equipment. The method includes creating and customizing a zooming processor object and utilizing the zooming processor object to replace an original zooming processor object; inheriting a webpage display control to create and customize a touch event method; detecting operations touching the electronic equipment to be operations loosing n-1 touch points in n touch points, wherein n is an integer equal to or larger than 2; judging whether the zooming processor object is supported or not; if yes, operating the zooming processor object, namely zooming starting, zooming process and zooming completion method, in the completion method, setting a webpage text zooming proportion to be a display zooming proportion of the webpage display control and executing a zooming completion method of the original zooming processor object; if not, setting the webpage text zooming proportion to be the display zooming proportion of the webpage display control, reflectively setting and starting using a zooming proportion method from the zooming processor object for invoking, and executing the inherited touch event method of the webpage display control.

Description

technical field [0001] The invention relates to webpage display technology, in particular to a method and device for scaling webpages on electronic equipment. Background technique [0002] With the continuous development of electronic equipment intelligence, more and more users use the browser on the electronic equipment to browse the webpage or other content, and in the operation of browsing the webpage, the reduction or enlargement of the content (hereinafter referred to as "zoom") The usage scenarios are more common. [0003] In a solution in the prior art, the display control provided by the operating system of the electronic device is used, taking the Android system as an example, and the zoom function of the built-in WebView control is enabled to realize zooming. figure 1 It schematically shows a view of a complete web page displayed on an electronic device. Using this prior art solution, users can zoom in on a certain area of ​​the page to see the specific content of...

AI Technical Summary

Problems solved by technology

However, this existing technical solution has defects such as slow scaling speed, large application installation package (usually requiring an additional 5MB to 6MB of storage space), inability to utilize new features brought by new versions of the operating system, and the like. , there is a certain risk in modifying the browser kernel components, which increases the difficulty of development and adaptation, and may cause the browser to crash and it is difficult to find out the specific reason

[0005] Also, after a web page is zoomed, it is common to see something like image 3 Shown page misalignment after zooming, such as image 3 As shown, part of the content on the left side of the webpage is moved off the screen of the electronic device

At this point, the user can move the content of the webpage through touch operations on the screen of the electronic device and change its displayed position on the screen. The left border of the website is completely aligned, and it is difficult for the webpage content to be precisely centered on the screen. Usually, multiple touch operations are required to achieve a relatively ideal display effect.

Images