Method and device for zooming and aligning web pages on electronic equipment

Abstract

The invention discloses a method and a device for webpage zooming and aligning on electronic equipment. The method includes inheriting a webpage display control to create and customize a touch event method; judging whether operations touching the electronic equipment are operations loosing n-1 touch points in n touch points to trigger the touch event method or not, wherein n is an integer equal to or larger than 2; if yes, 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, reflectively setting and starting using a zooming proportion method from the zooming processor object for invoking, and executing the inherited touch event method; generating and inheriting an event processor-type object, transmitting an original webpage rendering object of the webpage display control into the event processor-type object to create and customize a webpage rendering processor object, and utilizing the webpage rendering processor object to replace the original webpage rendering processor object; acquiring a pixel value of a left-side frame of webpage content, moving the webpage content according to the pixel value, and invoking the original webpage rendering processor object for processing.

Description

Technical field [0001] The present invention relates to web page display technology, in particular to a method and device for web page zooming and alignment on electronic equipment. Background technique [0002] With the continuous development of the intelligence of electronic devices, more and more users use the browsers on the electronic devices to browse web pages or other content, and in the operation of browsing the web pages, the content is reduced or enlarged (hereinafter referred to as "zoom") The usage scenarios are more common. [0003] In a prior art solution, the display control built in the operating system of the electronic device is adopted. Taking the Android system as an example, the zoom function of the built-in WebView control is turned on to achieve zooming. figure 1 It schematically shows a view of a complete web page displayed on an electronic device. With this prior art solution, the user can zoom in on a certain area of ​​the page to see the specific content...

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