WO2015051505A1 - Procédé et système pour afficher une page web sur un dispositif par adaptation automatique de la page web à la taille de navigateur du dispositif - Google Patents

Procédé et système pour afficher une page web sur un dispositif par adaptation automatique de la page web à la taille de navigateur du dispositif Download PDF

Info

Publication number
WO2015051505A1
WO2015051505A1 PCT/CN2013/084884 CN2013084884W WO2015051505A1 WO 2015051505 A1 WO2015051505 A1 WO 2015051505A1 CN 2013084884 W CN2013084884 W CN 2013084884W WO 2015051505 A1 WO2015051505 A1 WO 2015051505A1
Authority
WO
WIPO (PCT)
Prior art keywords
web page
width
blocks
browser
determined
Prior art date
Application number
PCT/CN2013/084884
Other languages
English (en)
Inventor
Yi Chung TSAI
Original Assignee
Tsai Yi Chung
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Tsai Yi Chung filed Critical Tsai Yi Chung
Priority to PCT/CN2013/084884 priority Critical patent/WO2015051505A1/fr
Publication of WO2015051505A1 publication Critical patent/WO2015051505A1/fr

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents

Definitions

  • the present disclosure relates in general, to the field of displaying a web page on a device.
  • the present disclosure relates to methods and systems for displaying a web page on a device by automatically resizing the web page to match the size of the browser of the device. DESCRIPTION OF RELATED ART
  • one web page may contain various drop-down menus and links for the introduction of company logos, product list, internet shopping, carousel playing of advertisements and/or video films, connection to news articles, program files and/or services, just to name a few. Since the web page may be accessed regardless of time and/or location, hence is the perfect vehicle for advertisement, thus the design of most web pages is complicated and often includes a large amount of embedded links to various web sites.
  • a computer- implemented method for displaying a web page on a device by automatically adapting the web page to the size of the browser of the device, such that the integrity of the web page is preserved when viewed on the device.
  • the web page has a pre-determined resizing width and includes a plurality of blocks; and the server includes a pre-determined page layout of the web page for the browser, in which the pre-determined page layout has a pre-designated width.
  • the method includes steps of:
  • the width of the browser of the device if the width of the browser is larger than the pre-determined resizing width of the web page, then increases the number of the pixels of each blocks of the web page so as to enhance the resolution of each blocks;
  • the step of adjusting the width of each blocks of the web page further includes the step of, increasing the size of each blocks of the web page If the detected width of the browser is larger than the pre-designated width of the pre-determined page layout; or decreasing the size of each blocks of the web page if the detected width of the browser is smaller than the pre-designated width of the pre-determined page layout; wherein the pre-designated width of the pre-determined page layout has 2,560, 1,600, 1,080, 1,024, 960, 800, 720, 480 or 320 pixels.
  • the present method further includes steps of, adjusting the width of the graphic file to match the width of the browser; re-associating the graphic file with the link of the web site; sending the graphic file having the re-adjusted width and the re-associated link of the web site back to the server; and displaying the graphic file in the block of the web page on the device.
  • the present method further includes steps of, adjusting respective widths of the video file and the video player to match the width of the browser; re- sending the video file and the video player having their widths being respectively adjusted back to the server; and displaying the video file on the device via use of the video player.
  • the method further includes steps of, hiding the block that does not comprise a corresponding content; and resizing the area of neighboring blocks (i.e., blocks adjacent to the hidden block) to include the area of the web page originally taken by the hidden block.
  • the resizing step further includes steps of, determining the number of the neighboring blocks of the hidden block; dividing the width of the hidden block with the number of the neighboring blocks to give a first width; increasing the width of each neighboring blocks by the length of the first width; and displaying the contents associated with the neighboring blocks in the area taken by the resized neighboring blocks (i.e., neighboring blocks respectively having an increase in width by the length of the first width).
  • the pre-determined page layout of the web page for the browser is generated by the steps of, establishing a plurality of blocks on a blank page layout by displaying an electronic document having a corresponding cache node link on each blocks so as to form the pre-determined page layout; and storing the pre-determined page layout of the web page on the server.
  • the cache node link is produced by the steps of, receiving and storing the electronic document submitted by a user in the server; generating an identifying code for the submitted electronic document; and generating the cache node link by use of the identifying code and the position where the electronic document is stored in the server.
  • the electronic document may be a PDF document, a graphic file, a text file, an acoustic file or a video file.
  • the second aspect of the present disclosure to provide a system for displaying a web page on a device by automatically adapting the web page to the width of the browser on the device, wherein the web page has a pre-determined resizing width and includes a plurality of blocks, and the server comprises a pre-determined page layout of the web page for the browser, in which the pre-determined page layout has a pre-designated width, the system includes,
  • a detecting module for detecting the width of the browser and locating from the server the pre-determined page layout of the web page for the browser;
  • an enhancing module for increasing the number of pixels of each blocks when the detected width of the browser is larger than the pre-determined width of the web page
  • a re-arranging module for re-arranging each blocks of the web page in accordance with the located pre-determined page layout of the web page
  • a resizing module for re-adjusting the width of each blocks of the web page
  • the resizing module comprising instructions to increase the size of each blocks if the detected width of the browser is larger than the pre-designated width of the pre-determined page layout, or to decrease the size of each blocks if the detected width of the browser is smaller than the pre-designated width of the pre-determined page layout; wherein the pre-designated width of the pre-determined page layout has 2,560, 1,600, 1,080, 1,024, 960, 800, 720, 480 or 320 pixels.
  • the system further includes a carousel module for performing steps of, adjusting the width of the graphic file; re-associating the graphic file having the re-adjusted width and the re-associated link of the web site; and re-displaying the graphic file in the at least one of the plurality blocks of the web page.
  • the system further includes a video module for performing steps of, adjusting respective widths of the video file and the video player to match the width of the browser; re- sending the video file and the video player having their widths being respectively adjusted back to the server; and displaying the video file playable by the video player on the device.
  • the re-arranging module of the present system further includes instructions for performing steps of, hiding the block that does not comprise the corresponding content; and resizing the neighboring blocks of the hidden block to include the area of the web page originally taken by the hidden block.
  • the resizing instruction of the re-arranging module further includes instructions for steps of, determining the number of the neighboring blocks of the hidden block; dividing the width of the hidden block with the number of the neighboring blocks to give a first width; increasing the width of each neighboring blocks by the length of the first width; and displaying the contents associated with the neighboring blocks in the area taken by the resized neighboring blocks.
  • the pre-determined page layout of the web page is generated by instructions stored in the memory of the system that perform steps of, establishing a plurality of blocks on a blank page layout by displaying an electronic document having a corresponding cache node link on each blocks so as to form the pre-determined page layout; and storing the pre-determined page layout of the web page on the server.
  • the system further includes a cache module for generating the cache node link.
  • the cache module includes instructions for performing steps of, receiving and storing the electronic document submitted by a user in the server; generating an identifying code for the submitted electronic document; and generating the cache node link by use of the identifying code and the position where the electronic document is stored in the server.
  • the electronic document may be a PDF document, a graphic file, a text file, an acoustic file or a video file.
  • FIG 1 is a block diagram illustrating the hardware layout of a computer system suitable for implementing one embodiment of the present disclosure
  • FIG 2 is a block diagram illustrating a network environment implementing one embodiment of the present invention
  • FIG 3 is a block diagram illustrating the sequence of actions as depicted in the flow chart of FIG 4 when implemented in the system of this invention
  • FIG 4 is a flow chart depicting the steps of a method in accordance with one embodiment of this invention.
  • FIG 5 is a flow chart depicting steps of a preferred embodiment of the method of this invention.
  • FIG 6 is a block diagram illustrating a network environment implementing another embodiment of the present invention.
  • FIG 7 is a block diagram illustrating the sequence of actions as depicted in the flow chart of FIG 8 when implemented in the system of this invention.
  • FIG 8 is a flow chart depicting the steps of a method in accordance with one embodiment of this invention.
  • FIG 9A is a block diagram depicting a pre-determined web page layout for a browser width that is over 800 pixels in accordance with one embodiment of this invention.
  • FIG 9B is a block diagram depicting the layout of a web page that has been re-arranged in accordance with the pre-determined web page layout of FIG 9A in accordance with one embodiment of this invention, in which the browser of the user device has a width of 4,800 pixels;
  • FIG 9C is a block diagram depicting a pre-determined web page layout for a browser width that is smaller than 300 pixels in accordance with another embodiment of this invention.
  • FIG 9D is a block diagram depicting the layout of a web page that has been re-arranged in accordance with the pre-determined web page layout of FIG 9CA in accordance with one embodiment of this invention, in which the browser of the user device has a width of 300 pixels;
  • FIG 10 is a flow chart illustrating the steps of the present method in accordance with another embodiment of this invention.
  • FIG 11 is a flow chart illustrating the steps of the present method in accordance with still another embodiment of this invention.
  • FIG 12A is a diagram illustrating the layout of blocks of a web page in accordance with one embodiment of this invention.
  • FIG 12B is a diagram illustrating the layout of blocks of a web page in accordance with another embodiment of this invention.
  • FIG 12C is a diagram illustrating the layout of blocks of a web page in accordance with a further embodiment of this invention.
  • FIG 12D is a diagram illustrating the layout of blocks of a web page in accordance with still another embodiment of this invention.
  • FIG 12E is diagram illustrating the layout of blocks of a web page in accordance with still a further embodiment of this invention.
  • FIG 13 is a block diagram illustrating a network environment implementing another embodiment of the present invention.
  • FIG 14 is a diagram depicting the arrangement of a system for generating, deleting, or modifying a pre-determined web page layout in accordance with one embodiment of the present invention
  • FIG 15 is a flow chart illustrating the steps for generating a pre-determined web page layout in accordance with one embodiment of the present invention.
  • FIG 16 is a diagram illustrating a pre-determined web page layout in accordance with one embodiment of the present invention.
  • Suitable device for use with the present invention is a displaying device such as a television, a computer, a mobile phone, a personal digital aid (PDA) and the like that includes, but is not limited to, a desk-top or a portable computer, a tablet, a smart TV, an all-in-one monitor computer, and a LCD touch screen whiteboard.
  • the device may have been installed therein with an operating system, which includes, but is not limited to, windows, linux, iOS, Unix, Android and the like.
  • the term "web page” as used herein refers to a web page having a pre-determined resizing width and includes a plurality of blocks.
  • the pre-determined resizing width of the web page is a width pre- set for the page and stored in the server for the purpose of resizing if certain limitations were met.
  • an enhancing step is performed to increase the pixel numbers in each blocks of the web page, so as to prevent the web page from distortion after being blown up.
  • the pre-determined resizing width of the web page of the present disclosure may be any of 2,500, 2,560, 4,800, or 9,600 pixels.
  • the pre-determined resizing width of the web page has 2,560 pixels.
  • the blocks are areas of the web page where various types of information are displayed; such information includes, but is not limited to, header, menu, text, picture, statement of the authorship, contact information and etc. Further, each block is classified not by types of information it renders, but by its content. For example, when descriptive texts relate to two different themes are displayed in the same web page, it is regarded as a web page having two different blocks.
  • Each block of the web page has a plurality of pre-determined widths respectively correspond to different types of browsers, and each pre-determined width of the block matches (i.e., being smaller or equals to) the width of the browser, hence, the sum of respective widths of the blocks on the same level would equal to the width of the browser. For instance, in the case when the width of the browser has 1,200 pixels, and only one block is present on the same level, then the width of the block equals to 1,200 pixels; on the other hand, if there are 3 blocks on the same level, then the width of each block is 400 pixels.
  • page layout refers to the arrangement of blocks on the web page, specifically, the way how blocks on the page are arranged and presented.
  • the pre-determined page layout refers to page layouts respectively pre-determined in accordance with the types, as well as the widths of the browsers known in the field.
  • a plurality of pre-determined page layouts are stored in the server, they may be page layouts pre-determined by the programmers or custom-made by the users, and stored in the memories of the present system.
  • users may re-arrange the blocks of a web page in accordance with his/her own desires, and then store the web page having newly arranged blocks as a custom-made page layout in the server system.
  • the width of the browser may vary, hence in the present system, three ranges of the width of the browser, that is, 0-300, 301-720, and 721-1,024 pixels, are respectively associated to three pre-determined page layouts.
  • a corresponding page layout has been associated thereto, however, only one corresponding page layout may be found for a page layout within the same width range.
  • the pre-designated width of the page layout may be 2,560, 1,600, 1,080, 1,024, 960, 800, 720, 480 or 320 pixels.
  • the pre-designated width has 800 pixels.
  • the pre-designated width has 300 pixels.
  • FIG 1 is a block diagram illustrating the hardware layout of the system 100 of the present invention.
  • the system 100 may be any particular type of computer system, and those skilled in the art may appreciate that the benefits and advantages of the present system apply equally to any computer system, regardless of whether the computer system is a complicated multi-user computing apparatus, a single user work station, or a handheld device. In addition, the benefits and advantages of the present system are similarly applicable regardless of whether the computer system stands alone or participates in a computer system network.
  • the system 100 comprises a processing unit 140 (e.g., a central processing unit (CPU)); a memory 110, which includes volatile memory 120 and non-volatile memory 130; a storage 150 for storing database and various electronic documents; and a communication connection 160 that allows the system 100 to be part of an internet or intranet network.
  • Volatile memory 120 refers to the memory in which the data stored therein would disappear upon being disconnected from a power source; such memory includes, but is not limited to random access memory (RAM), such as dynamic random access memory (DRAM) (e.g., Double-Data-Rate Three Synchronous Dynamic Random Access Memory (DDR3)); and static random access memory (SRAM).
  • RAM random access memory
  • DRAM dynamic random access memory
  • DDR3 Double-Data-Rate Three Synchronous Dynamic Random Access Memory
  • SRAM static random access memory
  • no n- volatile memory 130 refers to the memory in which the data stored therein would not disappear after being disconnected from a power source; such memory includes, but is not limited to, read-only memory (ROM) or flash memory.
  • the storage 150 may be a hard drive, a cloud drive and the like. In one example of the present disclosure, the storage 150 is a hard drive.
  • the embodiments of the present invention may be implemented as logical operations in a network environment having a user's device 1, la, and the server system 200, as depicted in FIG 2.
  • the user's device 1 e.g., person computer
  • la e.g., a mobile phone
  • runs a browser module herein after browser
  • the browser module herein after browser
  • the system 200 Upon receiving a request from the device 1, la for browsing a web page, the system 200 will locate and send back the requested web page that is automatically resized to match the size of the browser of the device 1, la, so that the integrity of the web page is preserved regardless the type, version and/or size of the built-in browser of the user device 1, 1a.
  • the browser in the device may be an application suitable for running on a handheld device.
  • the browser in the device la may be a mobile application connected to the present system 200.
  • the mobile application will automatically connect the device la with the present system 200 via internet, thereby allows the system 200 to detect the width of the application ran on the device la and subsequently resizes and re-arranges the requested web page before sending it back to the mobile application for rendering on the device la.
  • the advantage in having a mobile application on the user's device is that the width of the mobile application would be the same as that of the device (e.g., the device la), hence the requested web page after being processed (i.e., resizing and rearranging) by the system 200 will have the same width as the device.
  • the logical operations of the present invention are implemented as a sequence of computer implemented steps running locally on a computer and/or as interconnected machine modules within the network server system, such as the system 200 of the present invention. Accordingly, the logical operations executed by the system of the present invention as described herein are referred to as acts, steps, or modules. It will be recognized by one of skilled in the art that these operations, acts, or modules may be implemented in software, in firmware, in special purpose digital logic, and any combination thereof without deviating from the spirit and scope of the present invention as recited in the claims attached hereto.
  • the system 200 includes two servers, which are web page server 210 and SQL server 230, respectively; and a database 250.
  • the web page server 210 includes at least, a detecting module 212, an enhancing module 216, a re-arranging module 218, a resizing module 220, an output module 221, and optionally, a cache module 214; whereas the SQI module includes at least, a comparing module 232, an insertion module 234, and a deletion module 236.
  • Web page server suitable for used in the present system 200 includes, but is not limited to, the Apache web server or the internet information service (IIS) server.
  • the detecting module 212 of the web page server 210 comprises instructions for performing steps of, detecting the type, version and/or width of the browser of device 1, la; and locating a pre-determined web page layout that corresponds to the detected type, version, and/or width of the browser from the server.
  • each type, version and/or width of the browser has been pre-associated with a pre-determined web page layout, hence upon receiving a request from the user device 1, la for browsing a web page, the detecting module 212 will determine whether the system 200 supports the detected type, version and/or width of the browser of the device 1, la; once the detected type, version and/or width of the browser of the device 1, la is confirmed, the pre-determined web page layout that has been associated with the detected type, version and/or width of the browser is located from the database 250.
  • the plurality blocks of the requested web page are re-arranged in accordance with the located, pre-determined web page layout before being displayed on the user device 1, la using the built-in browser. Relevant modules for re-arranging the blocks of the web page and displaying the web page on the user device are explained in details in text below.
  • the web page server 210 may optionally includes a cache module 214 for generating a cache node link for an electronic document, or for locating from the server 210 a cache node link of the corresponding electronic document, and if the cache node link matches the detected type, version and/or width of the browser of the device 1, la, the cache node link is sent back to the browser and the corresponding electronic document is displayed on the device 1, la via the browser.
  • a cache module 214 for generating a cache node link for an electronic document, or for locating from the server 210 a cache node link of the corresponding electronic document, and if the cache node link matches the detected type, version and/or width of the browser of the device 1, la, the cache node link is sent back to the browser and the corresponding electronic document is displayed on the device 1, la via the browser.
  • the resizing module 220 will be call upon to resize the requested web page before rendering the contents of the resized web page on the user device 1, 1a via the built-in browser.
  • the web page would need to be enlarged or blown up before being rendering on the device 1, la. While the web page is being blown up, the area of each block may be increased, yet the number of pixels stays the same, hence would result in a decrease in the resolution of the web page.
  • an enhancing module 216 is included in the present system 200, if the width of the browser of device 1, 1a exceeded a pre-determined resizing width of the web page, then the number of pixels in each block of the web page is increased and thereby prevents the web page from losing its resolution after each blocks of the page are enlarged or being blown up.
  • the pre-determined resizing width of the web page has 2,560 pixels.
  • the re-arranging module 218 may re-arrange the layout of each blocks on the web page in accordance with a pre-determined web page layout located from the server based on the type and width of the browser detected by the detecting module 212. As indicated above, regardless the detected width of the browser is larger or smaller than the pre-determined resizing width of the web page, as long as it remains in the same pre-designated range, then the same pre-determined web page layout will be located by the detecting module 212, so that the re-arranging module 218 may proceed to re-arrange each blocks of the web page based on the located web page layout.
  • the resizing module 220 then proceeds to resize the width of each blocks of the web page so that it matches the width of the browser (i.e., the width of each block after resizing would be smaller or equal to the width of the browser).
  • the resizing module 220 comprises instructions for, comparing the width of the browser and the width of the web page, in which the blocks of the web page have been re-arranged by the re-arranging module 218, and increasing or decreasing the size of each blocks based on results from the comparison step. If the width of the browser is larger than that of the web page, then each block of the web page is enlarged (i.e., the width of each blocks of the web page is increased).
  • each block of the web page is reduced (i.e., the width of each blocks of the web page is decreased).
  • the web page having its blocks rearranged and/or resized is then sent back to the browser by the output module 222 for displaying on the user device 1, 1a.
  • the SQL server 230 includes at least, a comparison module 232, an insertion module 234, and a deletion module 236, for receiving and executing instructions received from the server for performing searching, inserting and/or deleting tasks in the database 250. For example, upon detecting the width of the browser of device 1, la, detecting module 212 would generate instructions to instruct the comparing module 232 to search and locate a pre-determined web page layout for the detected browser from the server. As to the function of the insertion module 234 and the deletion module 236, they will be further explained in details in paragraphs bellowed.
  • Suitable SQL server 230 includes, but is not limited to, MySQL server, Oracle server, and the like.
  • FIG 3 is a block diagram illustrating the sequence of actions as depicted in the flow chart of FIG 4 when implemented in the system 300 of this invention. Attention is now turned to both FIGs 3 and 4, as depicted in FIG 3, in a network environment, upon connecting to the system 300 of this invention, detecting module 312 performs acts of detecting the type, version and/or width of the browser of the user device 1, so as to determine whether the system 300 supports the detected browser (S410 of FIG 4) while generating instructions to instruct the comparing module 332 in SQL server 330 to locate a corresponding pre-determined web page layout (S430 of FIG 4) from the server.
  • detecting module 312 upon connecting to the system 300 of this invention, detecting module 312 performs acts of detecting the type, version and/or width of the browser of the user device 1, so as to determine whether the system 300 supports the detected browser (S410 of FIG 4) while generating instructions to instruct the comparing module 332 in SQL server 330 to locate a corresponding pre-determined web page layout (S430 of FIG 4) from
  • the width of the browser of the user device 1 is compared with a pre-determined resizing width of the web page 360 stored in the web page server 310 (S420 of FIG 4), if the width of the browser is larger than the width of the pre-determined resizing width of the web page, then the enhancing module 310 will be called upon to generate instructions for performing acts of increasing the number of pixels of each blocks of the web page 360 (S422 of FIG 4) so as to prevent the web page from losing its resolution after resizing, which will take place in subsequent acts (S450 of FIG 4).
  • the enhancing module 310 will not take further action, and the process proceeds to subsequent acts, that is S430 of FIG 4.
  • the pre-determined web page layout is located by the comparing module 332 (S430 of FIG 4)
  • the blocks of the web page 360 are re-arranged under the instructions of re-arranging module 318 based on the pre-determined web page layout located in previous step (S440 of FIG 4).
  • the web page 360 having its blocks being re-arranged by re-arranging module 318 in S430 is now under instructions of the resizing module 320, in which the width of each blocks of the web page 360 is adjusted until it matches with the width of the browser, meaning the width of each block is smaller or equal to the width of the browser.
  • the web page 360 having being resized to adapt to the size of the browser is then sent via output module 321 to device 1, and re-displayed on device 1 using the built-in browser.
  • the system 300 of FIG 3 may further include a cache module 314, which is depicted as the block in dash line in FIG 3, for determining if a corresponding cache node link for the pre-determined web page layout is present in the system.
  • the corresponding cache node link can be sent to the browser of the device via the cache module 314 to reduce the time and burden of the system 300 for executing the displaying request.
  • the system 300 may not require performing instructions respectively included in the enhancing module 316, the re-arranging module 318, and the resizing module 320, if a corresponding cache node link for the pre-determined web page layout is present in the system 300.
  • step S410 detecting module 312 would determine the type, version and width of the built-in browser of device 1.
  • the purpose of step S410 is to determine whether the environment the browser is in, may support the program language of the present system; if yes, the process proceeds to step S420; if not, a pop-up window would appear and the user device is directed to another web page to update the browser to a version that is supported by the system 300.
  • step S420 the width of the browser detected in S410 is compared with a pre-determined resizing width of the web page 360 stored in the system 300. If the detected width of the browser in S410 is larger than the pre-determined resizing width of the web page 360, than an optional step, i.e., step S422, is performed.
  • the enhancing module 316 is called, and the number of pixels in each blocks of the web page 360 is increased so that the resolution in each blocks of the web page 360 increases accordingly.
  • the number of pixels is increased by replicating each and every pixel in the block, so that the integrity of the web page 360 is preserved after the blocks of the web page 360 are blown up in the subsequent step, such as in step S450.
  • the pre-determined resizing width of the web page 360 has 2,048 pixels.
  • a pre-determined web page layout corresponding to the browser detected in step S410 is located from the database 350.
  • various pre-determined web page layouts respectively correspond to pre-designated width ranges of browser have been stored in the database 350, hence upon determining the width of the browser in S410, a corresponding web page layout may be located from the database 350.
  • step S440 the corresponding pre-determined web page layout identified in S430 is used as the template for re-arranging the layout of the blocks of the web page. Then, in step S450, the width of each of the re-arranged blocks is adjusted, so that it matches the width of the web page 360.
  • the term "match" as used herein refers to the width of the block being smaller or equal to the width of the browser.
  • the width adjusting step or S440 is governed by the instructions in the resizing module 318, once the size of each blocks of the web page 360 has been adjusted to match the size of the browser, the web page 360 can then be displayed in the user device 1 using its built-in browser (step S460).
  • FIG 5 is a flow chart depicting steps of a preferred embodiment of the method of this invention.
  • the method steps as depicted in FIG 5 are similar to those in FIG 4, except additional steps S512, S514, S552, S554, and S556 are included, in which optional steps S512 and S514 are included for determining if a corresponding cache node link for a pre-determined web page layout is present in the system; and steps S552, S554, and S556 are included for resizing the web page 360.
  • step S512 and S5144 if a corresponding cache node link for the pre-determined web page layout is present in the system, then the corresponding cache node link can be sent to the browser of the device via the cache module 314, and skip the subsequent steps of S520 to S560, so as to reduce the time and burden of the present system for executing the task of displaying the requested web page 360 on the user device.
  • the present system may not require performing instructions respectively included in the enhancing module 316, the re-arranging module 318, and the resizing module 320, if a corresponding cache node link for the pre-determined web page layout is present in the system.
  • steps S520 to S540 are similar to steps S420 to S440 of FIG 4, whereas step S450 of FIG 4 is broken down to steps S552, S554 and S556.
  • step S552 the width of the pre-determined page layout (or the width of the web page 360 having its blocks re-arranged in accordance with the pre-determined page layout) is compared with the width of the browser detected in S510.
  • the size of each blocks of the web page 360 is increase until it matches the size of the browser (S554); by contrast, if the width of the browser detected in S510 is smaller than the width of the pre-determined page layout, then the size of each blocks of the web page 360 is reduce accordingly or until it matches the size of the browser (S556). If the width of the browser detected in S510 equals to the width of the pre-determined page layout, then the process proceeds to the next step (S560), i.e., displaying the web page on the user device by use of the browser.
  • FIG 6 is a block diagram illustrating the implementation of the present system 600 in a network environment having a user device 1, la in accordance with another preferred embodiment of this invention.
  • the arrangement of the system 600 is similar to that of the system 200 as depicted in FIG 2, except the web page server 610 further includes a carousel module 622 and a video module 624.
  • the carousel module 622 comprises instructions for displaying at least one graphic file in a block of the web page, in which each graphic file is associated with a link to a web site. According to some embodiments of the present invention, the carousel module 622 may display at least 2, 3, 4, 5, 6, 7, 8, 9, or 10 graphic files in one block of the web page according to a pre-determined playing list or sequence stored in the system, or a list or sequence determined by the user.
  • the resizing module 620 of the present system 600 merely resizes the area of the block of the web page in accordance with a pre-determined web page layout without re-associating the respective links to the web sites to the graphic files to be displayed, then the graphic files wound remain control by their respective program codes, hence when one graphic file is to be displayed in the block, its program code would ignore the instructions given by the resizing module 620 and thereby results in the display of the graphic file being out of sync with the size of the block, that is, the size of the display graphic file being either too large or too small than the size of the block.
  • the carousel module 622 comprises instructions for performing the steps of, adjusting the width of each graphic file so that it matches the width of the browser of the device 1 ; re-associating the graphic file with its link to the web site; and sending the graphic file back to the block for displaying.
  • the video module 624 it comprises instructions for displaying at least one video files in a block of the web page.
  • the video module 624 may display at least 2, 3, 4, 5, 6, 7, 8, 9, or 10 video files in one block of the web page.
  • the video files are played by a video player in the block according to a pre-determined playing list or sequence stored in the system, or a list or sequence determined by the user.
  • the video module 624 comprises instructions for performing steps of, adjusting the respective widths of the video file and the video player so that they respectively matches the width of the browser of the device 1 ; and sending the video file and the video player back to the block so that the video file may be displayed in the block using the video player without out of sync with the browser of the device.
  • the width of the video file as well as the width of the video player remain sync (i.e., equal to or smaller) with the width the browser of the device.
  • the video player must be able to adapt to the size of the browser, that is, the video player must be able to resize in accordance with the size of the browser.
  • the width of the video player would be limited to the width prescribed in DIV language of HTML.
  • Examples for the video player that may be used in the present system include, but are not limited to, the video players developed using JavaScript or JavaQuery language.
  • examples for the video player that may not be used in the present system include, but are not limited to, the video players developed using flash or Java language.
  • FIG 7 is a block diagram illustrating the sequence of actions as depicted in the flow chart of FIG 8 when implemented in the system 700 of this invention.
  • the system 700 is a slight modification of the system 300 as depicted in FIG 3, with the addition of the carousel module 722 and the video module 724. Attention is now turned to both FIGs 7 and 8, particularly to the carousel module 722 that comprises instructions for performing steps S832, S8320, S8322, and S8324; and video module 724 that comprises instructions for performing steps S834, S8340, and S8342.
  • step S832 is performed to determine whether the block includes at least one graphic file, in which each graphic file is associated with a link to a web site. If the block comprises at least one graphic files, then the carousel module 722 will be called upon to perform acts or steps of, adjusting the width of each graphic file so that it matches the width of the browser as detected in S810 (S8320); re-associating the graphic file with its link to the web site (S8322); and sending the graphic file back to the block for displaying (S8324).
  • the video module 724 will be called upon to perform acts or steps of, adjusting the respective widths of the video file and the video player so that they respectively matches the width of the browser as detected in S810 (S8340); and sending the video file and the video player back to the block so that the video file may be displayed in the block using the video player without out of sync with the browser of the device (S8342).
  • step of adjusting the width of the graphic file i.e., S832, S8320, S8322, and S8324
  • step of adjusting the width of the video file and the video player i.e., S834, S8340, and S8342
  • FIGs 9A and 9B are block diagrams depicted a pre-determined web page layout in accordance with one embodiment of this invention.
  • the pre-determined web page layout as depicted in FIG 9A is termed herein "the first web page layout," and is suitable for web page having a width greater than 800 pixels.
  • the detecting module will provide instructions for detecting and determining the width of the browser of the device, which has 4,800 pixels in this example.
  • the enhancing module will be called upon to perform the acts of increasing the numbers of pixels in each block of the web page to prevent the web page from losing its resolution in subsequent steps.
  • the pre-determined web page layout corresponding to the width of 4,800 pixels that is, the web page layout of FIG 9A
  • the re-arranging module is called upon to re-arrange the blocks of the web page in accordance with the web page layout of FIG 9A, followed by calling upon the re-sizing module to adjust the width of each block to match the width of the browser or 4,800 pixels.
  • the web page having the width of each blocks being adjusted to match 4,800 pixels and as depicted in FIG 9B, is then output by the output module for displaying on the device using the detected module.
  • FIGs 9C and 9D are block diagrams depicted a pre-determined web page layout in accordance with another embodiment of this invention.
  • the pre-determined web page layout as depicted in FIG 9C is termed herein "the second web page layout," and is suitable for web page having a width smaller than 800 pixels.
  • the detecting module will provide instructions for detecting and determining the width of the browser of the device, which has 300 pixels in this example.
  • the enhancing module will not be called upon, but proceed to locate a pre-determined web page layout corresponding to the width of 300 pixels, that is, the web page layout of FIG 9C, from the server.
  • the re-arranging module is called upon to re-arrange the blocks of the web page in accordance with the web page layout of FIG 9C; followed by the re-sizing module to adjust the width of each blocks to match the width of the browser, that is, 300 pixels
  • the web page having the width of each blocks being adjusted to match 300 pixels and as depicted in FIG 9D, is then output by t he output module for displaying on the device using the detected module.
  • FIG 10 is a flow chart illustrating the present method in accordance with another embodiment of this invention.
  • the method for displaying a web page particular, a web page in which at least one of the block does not contain any correspond content
  • step S1040 or prior to re-arranging the blocks of a web page in accordance with the pre-determined web page layout located by the step SI 030, additional steps S1035, S10350, and S10352 are performed.
  • step S10350 the block, in which no corresponding content is found therein, is hided from view.
  • the neighbor blocks i.e., blocks that are adjacent to the block that contains no corresponding content therein
  • the neighbor blocks is resized to include the area of the hidden block, and the content in the neighbor blocks is displayed in the area taken by the resized neighbor blocks.
  • FIG 11 is a flow chart illustrating the present method in accordance with still another embodiment of this invention.
  • the method steps are similar to those as depicted in FIG 10, except step S10352 in FIG 10 are further expanded into steps S11352, S11354, and S11356.
  • step SI 1352 the number of the neighboring blocks or blocks that are adjacent to the block that contains no corresponding content therein (herein after "the hidden block") is determined.
  • step SI 1354 dividing the width of the hidden block with the number of the neighboring blocks as determined in step SI 1352 to produce a first width.
  • step SI 1356 increasing the width of each neighboring blocks by a length of the first width as determined in step SI 1354.
  • FIG 12A is a diagram illustrating the layout of blocks of a web page after being processed by the method of FIG 10 in accordance with various embodiments of this invention. As depicted in FIG 12A, in a pre-determined layout, two blocks, that is, blocks A and B (1202a, 1204a), are present on the same level (see FIG 12A, top panel).
  • step S10350 is performed, and block B (1204a) is hidden (see FIG 12A, middle panel); the method then proceeds to step S10352, in which the content in original block A (1202a) is now displayed in a new block A' (1202b), which occupies the area originally taken by both blocks (1202a and 1204a) (see FIG 12A, bottom panel).
  • the content in blocks 1202a and 1202b are the same, except the width of block 1202b is larger than that of block 1202a.
  • FIG 12B is a diagram illustrating the layouts of blocks of a web page after being processed by the method of FIG 11 in accordance with one embodiment of this invention.
  • three blocks C, D, and E (1212a, 1214a, and 1216a) appear on the same level.
  • steps S11350 to S11356 are called upon.
  • block D (1214a) is hidden (see FIG 12B, middle panel); the method then proceeds to step S11352, in which the number of the neighboring blocks (i.e., blocks that are adjacent to block D (1214a) is determined.
  • the number of blocks that are neighboring to block D (1214a) is two, specifically, blocks C and E (1212a and 1216a).
  • the width of block D (1214a) is divided by two (i.e., the number of its neighboring blocks) to produce a first width.
  • the widths of blocks C and E (1212a and 1216a) are respectively increased by the length of the first width, and the corresponding contents respectively in blocks C and E can then be displayed in the new block C and E (1212b and 1216b) (see FIG 12B, bottom panel).
  • FIG 12C illustrates the layout of blocks of a web page after being processed by the method of FIG 10 in accordance with another embodiment of this invention.
  • block 1222a does not contain any corresponding content, hence block 1222a is hidden (S10350), then the widths of blocks 1224a and 1226a are respectively increased by the width of block 1222a (S10352) to be blocks 1224b and 1226b, and contents in both blocks 1224a and 1226a can then be re-displayed in blocks 1224b and 1226b.
  • FIG 12D is an exemplified variation of displaying the web page when one block of the page does not contain any corresponding content.
  • the upper panel depicts the layout of three blocks, they are block 1222a, 1224a, and 1226a, in which blocks 1224a and 1226a respectively reside in different rows.
  • block 1224a is hidden from view (the middle panel of FIG 12D);
  • block 1222a and 1226a are resized in subsequent steps by the re-sizing module to be block 1222b and 1226b, respectively; with the size of block 1226a being enlarged; and the size of block 1222a remains the same (see the bottom panel of FIG 12D).
  • the contents respectively displayed in blocks 1222a and 1226a may be re-displayed in blocks 1222b and 1226b.
  • FIG 12E provides another example of displaying the web page when one block of the page does not contain any corresponding content.
  • three blocks C, D and E (1232a, 1234a, and 1236a) are respectively on different levels.
  • block 1236a is moved up to take the area originally occupied by block 1234a.
  • neither block 1232a, nor block 1236a is increased in width.
  • FIG 13 illustrate a network environment that implements one embodiment of the present invention.
  • the arrangement of the system 1300 is similar to that in the system 700 of FIG 7 except additional modules, that is, the certifying module 1326, the file module 1328, and the block module 1329, are included in the web page server 1310.
  • the certifying module 1326 comprises instructions for performing steps of, identifying personal information of a user, identifying a pre-determined web page layout saved by the user; and thereby preventing the relevant information of the user from being tampered. Further, if the user is not a registered user, the certifying module 1326 comprises instructions for accepting the application of a user to be a registered user or a member.
  • the file module 1328 comprises instructions for receiving an electronic document (ED) submitted by the user, and generating a corresponding identifying code for the submitted ED.
  • the file module 1328 may also generate instructions that may be executed by the insertion module 1314 of the web page server 1310. By executing such instructions, the web page server 1310 may store ED as well as its identifying code in the database 1350. Similarly, upon the deletion of an ED, the deletion module 1328 may also generate instructions for deleting ED and its identifying code from the database 1350.
  • an optional cache module 1314 is included in the web page server 1310.
  • the cache module 1314 comprises instructions for generating a cache node link by use of ED and the identifying code of the ED.
  • the block module 1329 comprises instructions for receiving the arrangement of blocks and respective EDs for displaying in the blocks pre-determined by the user, or generating EDs that comply with the user's requirements.
  • ED may be a PDF document, a graphic file, a text file, an acoustic file, a video file or a combination thereof.
  • FIG 14 is a diagram depicting the arrangement of a system 1400 for generating, deleting, or modifying a pre-determined web page layout in accordance with one embodiment of the present invention.
  • certifying module 1426 of web page server 1410 would generate instructions to perform necessary inquiry steps to verify the authenticity of the user.
  • the inquiry steps include, receiving the log-in information of the user so as to identify whether the user is a registered member or not. If the log-in user is not a member, certifying module 1426 would then direct the user to relevant web page that may help the user register and thereby becomes a member.
  • file module 1428 may then receive instructions from the user to generate, delete or change a pre-determined web page layout.
  • the file module 1428 will generate instructions for performing steps of, receiving and storing the newly insert ED from the user in the database; generating a corresponding identifying code for the newly inserted ED; and generating instructions that may be executed by the insertion module 1434 of SQL server 1430.
  • the insertion module 1434 will execute the insertion instruction by storing ED and its identifying code in database 1450.
  • the system 1400 further includes a cache module 1414 for generating and storing a cache node link of an ED based on the identifying code of the ED and the position where ED is stored.
  • the user may directly access the cache node link generated and stored in the present system 1400, and send the accessed cache node link directly back to device, so as to enhance the efficiency of the present system.
  • block module 1429 it comprises instructions for generating a pre-determined web page layout, which include performing steps of, establishing a plurality of blocks on a blank web page, in which each block comprises a corresponding ED; displaying the corresponding ED in the block; and storing the pre-determined web page layout in the server.
  • the user may designate EDs to be displayed in certain blocks in accordance with his/her own desire, and thereby generates a custom-made web page layout.
  • file module 1428 would generate instructions that may be executed by the deletion module 1436 in the SQL server 1430 to remove ED.
  • ED and its corresponding identifying code would be deleted from the database 1450, and the cache node link of the ED would be deleted from the system 1400 as well.
  • block module 1429 would remove corresponding link of the ED in the block, where the deleted ED was displayed. In other words, once the block module 1429 completes its instructions, the block in which ED was displayed would now turn into a blank area.
  • block module 1429 may also be called on to receive a request from the user to change the ED in one certain block, or change the ED of that certain block based on the user's input, so as to update the requested change in the web page layout, as well as EDs to be displayed in that certain block.
  • the present system 1400 would proceed in similar manners as depicted in FIG 3 or 7 in terms of adjusting the web page layout or the size of the blocks of the web page having a newly inserted, deleted or changed ED, before rendering the modified web page on the user's device.
  • FIG 15 is a flow chart illustrating the steps for generating a pre-determined web page layout in the system of FIG 14 in accordance with one embodiment of the present invention.
  • a user's log-in information is received and authenticated by the certifying module 1426 (S1510).
  • file module 1428 would generate instructions for performing steps of, receiving and storing the ED submitted by the user (SI 520); generating corresponding identifying code of the ED (SI 530); generating instructions that may be executed by the SQL server for writing the identifying code of ED to the database (SI 540).
  • the cache module 1414 is called upon to provide instructions for performing steps of, generating a cache node link for the ED (S1550).
  • the cache node link is generated by use of the identifying code of ED and the position in which the ED is stored in the database, these two information are processed by the cache module 1414 so as to produce a cache node link that is directed to the ED, so that the system 1400 may rapidly locate the ED based on the generated cache node link.
  • block module 1429 is called upon to provide instructions for performing steps of, forming a pre-determined web page layout by establishing a plurality of blocks in a blank web page (SI 560); and associating each blocks of the web page with at least one cache node link (SI 570); displaying the ED that corresponds to the cache node link in the block (S1580); and storing the pre-determined web page layout in the server (S1590).
  • the blank web page as used herein refers to a page area that has not been designated with any block area yet.
  • FIG 16 is a diagram illustrating a pre-determined web page layout in accordance with one embodiment of the present invention.
  • the user may re-arrange the layout of each block and/or change the contents to be displayed in each block in accordance with his/her desire, such as by clicking a selection menu to choose the contents (e.g., ED) to be displayed from a pre-provided selections or by dragging EDs from another block and place the dragged EDs in the selected block.
  • the custom-made web page layout may then be saved in the server as a new pre-determined web page layout.
  • the cache node link that is associated with block 1602 is directed to the heading of the web page 1660.
  • block 1602 is the area in which a company logo is displayed.
  • a plurality of graphic files for advertising is displayed in block 1604, whereas an article with a specified topic is displayed in block 1606.
  • blocks 1608, 1610, 1612, 1614, 1616, 1618, 1620 and 1622 contents such as musical files, selected articles, photos, video files, recommended web sites, news clips, statement of the ownership of the web site, contact information and etc. are displayed, respectively.
  • contents to be displayed in block 1602 are fixed, in other words, may not be changed by the user.
  • the other blocks, which are depicted in dash lines they may be modified or changed in accordance with the desire of the user.
  • block 1612 was pre-determined to play 4 commercial advertisements that may include a graphic file, a video file and etc
  • the user may change the contents to be displayed in each block by dragging the 4 commercial advertisements originally placed in block 1612 to block 1604, and thereby generating a new layout for the web page as depicted in the right panel in FIG 16, in which the block that contains the 4 commercial advertisements is now referred to as block 1604'.

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

La présente invention concerne des procédés et des systèmes pour afficher une page web sur un dispositif par adaptation automatique de la page Web à la taille d'un navigateur du dispositif, de manière à préserver l'intégrité de la page Web. Selon des modes de réalisation de la présente invention, ledit système est apte à exécuter, dans un serveur, les étapes consistant à détecter la largeur du navigateur du dispositif; à localiser une mise en page prédéterminée de la page Web dans le serveur sur la base de la largeur détectée du navigateur du dispositif; à réagencer chaque bloc de la page Web conformément à la mise en page prédéterminée localisée de la page Web; à régler les largeurs respectives de tous les blocs de la page Web pour qu'elles correspondent à la largeur du navigateur; et à afficher la page Web sur le dispositif.
PCT/CN2013/084884 2013-10-09 2013-10-09 Procédé et système pour afficher une page web sur un dispositif par adaptation automatique de la page web à la taille de navigateur du dispositif WO2015051505A1 (fr)

Priority Applications (1)

Application Number Priority Date Filing Date Title
PCT/CN2013/084884 WO2015051505A1 (fr) 2013-10-09 2013-10-09 Procédé et système pour afficher une page web sur un dispositif par adaptation automatique de la page web à la taille de navigateur du dispositif

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
PCT/CN2013/084884 WO2015051505A1 (fr) 2013-10-09 2013-10-09 Procédé et système pour afficher une page web sur un dispositif par adaptation automatique de la page web à la taille de navigateur du dispositif

Publications (1)

Publication Number Publication Date
WO2015051505A1 true WO2015051505A1 (fr) 2015-04-16

Family

ID=52812428

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2013/084884 WO2015051505A1 (fr) 2013-10-09 2013-10-09 Procédé et système pour afficher une page web sur un dispositif par adaptation automatique de la page web à la taille de navigateur du dispositif

Country Status (1)

Country Link
WO (1) WO2015051505A1 (fr)

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105975572A (zh) * 2016-05-03 2016-09-28 广东欧珀移动通信有限公司 网页显示方法和装置
CN107480192A (zh) * 2017-07-12 2017-12-15 长城计算机软件与系统有限公司 一种浏览器界面自动调整的方法和系统
CN109101532A (zh) * 2018-06-25 2018-12-28 广州爱九游信息技术有限公司 检测作弊方法、装置及设备
CN112035024A (zh) * 2020-08-25 2020-12-04 北京金堤征信服务有限公司 多维度数据展示方法、装置、可读存储介质及电子设备
CN113407888A (zh) * 2021-07-14 2021-09-17 广州博冠信息科技有限公司 浏览器的尺寸调整方法、装置、存储介质及计算机设备

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6185589B1 (en) * 1998-07-31 2001-02-06 Hewlett-Packard Company Automatic banner resizing for variable-width web pages using variable width cells of HTML table
US20040255244A1 (en) * 2003-04-07 2004-12-16 Aaron Filner Single column layout for content pages
CN101908076A (zh) * 2010-08-24 2010-12-08 北京世纪高通科技有限公司 页面布局自适应方法及装置
CN102436452A (zh) * 2010-09-29 2012-05-02 英业达股份有限公司 动态调整字体大小的网页提供系统及其方法

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6185589B1 (en) * 1998-07-31 2001-02-06 Hewlett-Packard Company Automatic banner resizing for variable-width web pages using variable width cells of HTML table
US20040255244A1 (en) * 2003-04-07 2004-12-16 Aaron Filner Single column layout for content pages
CN101908076A (zh) * 2010-08-24 2010-12-08 北京世纪高通科技有限公司 页面布局自适应方法及装置
CN102436452A (zh) * 2010-09-29 2012-05-02 英业达股份有限公司 动态调整字体大小的网页提供系统及其方法

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105975572A (zh) * 2016-05-03 2016-09-28 广东欧珀移动通信有限公司 网页显示方法和装置
CN105975572B (zh) * 2016-05-03 2019-06-07 Oppo广东移动通信有限公司 网页显示方法和装置
CN107480192A (zh) * 2017-07-12 2017-12-15 长城计算机软件与系统有限公司 一种浏览器界面自动调整的方法和系统
CN109101532A (zh) * 2018-06-25 2018-12-28 广州爱九游信息技术有限公司 检测作弊方法、装置及设备
CN112035024A (zh) * 2020-08-25 2020-12-04 北京金堤征信服务有限公司 多维度数据展示方法、装置、可读存储介质及电子设备
CN113407888A (zh) * 2021-07-14 2021-09-17 广州博冠信息科技有限公司 浏览器的尺寸调整方法、装置、存储介质及计算机设备

Similar Documents

Publication Publication Date Title
US10685170B2 (en) Dynamic content layout generator
US11042690B2 (en) Adaptive column selection
US9785640B2 (en) Augmented reality display apparatus and related methods using database record data
US8990728B2 (en) Dynamic user interface for previewing live content
US11790158B1 (en) System and method for using a dynamic webpage editor
US8887085B1 (en) Dynamic content navigation
US10353721B2 (en) Systems and methods for guided live help
US8397153B1 (en) Systems and methods for rich presentation overlays
US20120311436A1 (en) Dynamic display of content using an electronic device
TWI611338B (zh) 縮放螢幕畫面的方法、電子裝置及電腦程式產品
US20150169504A1 (en) Layer based reorganization of document components
US10546404B1 (en) Mosaic display system using open and closed rectangles for placing media files in continuous contact
US20150106751A1 (en) Systems And Methods For Creating And Serving Dynamically Adjustable Web Pages
WO2015051505A1 (fr) Procédé et système pour afficher une page web sur un dispositif par adaptation automatique de la page web à la taille de navigateur du dispositif
US20200401761A1 (en) Responsive user interface system
CN105723364A (zh) 从第一搜索结果环境转变到第二搜索结果环境
US20170091152A1 (en) Generating grid layouts with mutable columns
US11727080B2 (en) Weighted panels and panel group for responsive design system
US20170269815A1 (en) Object management and visualization using a computing device
US9785650B2 (en) Flexible content display
US20190066166A1 (en) Method for generating virtual reality image including advertisement
CN104899287A (zh) 网页的显示方法和装置
US20160203108A1 (en) Display scaling application
TW201514842A (zh) 依據顯示裝置之瀏覽器大小而自動改變網頁排版的方法及系統
CN116415084A (zh) 网页展示方法、装置、设备及存储介质

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 13895191

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 13895191

Country of ref document: EP

Kind code of ref document: A1