CN111367606A - Application page display method, device, terminal and medium - Google Patents

Application page display method, device, terminal and medium Download PDF

Info

Publication number
CN111367606A
CN111367606A CN202010140204.0A CN202010140204A CN111367606A CN 111367606 A CN111367606 A CN 111367606A CN 202010140204 A CN202010140204 A CN 202010140204A CN 111367606 A CN111367606 A CN 111367606A
Authority
CN
China
Prior art keywords
displayed
css
page
attribute
data
Prior art date
Legal status (The legal status 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 status listed.)
Pending
Application number
CN202010140204.0A
Other languages
Chinese (zh)
Inventor
刘文才
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing QIYI Century Science and Technology Co Ltd
Original Assignee
Beijing QIYI Century Science and Technology Co Ltd
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 Beijing QIYI Century Science and Technology Co Ltd filed Critical Beijing QIYI Century Science and Technology Co Ltd
Priority to CN202010140204.0A priority Critical patent/CN111367606A/en
Publication of CN111367606A publication Critical patent/CN111367606A/en
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

The embodiment of the invention provides a display method, a display device, a display terminal and a display medium of an application program page, relates to the technical field of computers, and can realize the matching of an APP display mode and a system display model. The technical scheme of the embodiment of the invention comprises the following steps: when a to-be-displayed page of an application program APP to be displayed is opened, determining a current display mode of a system of the terminal, and determining an attribute value of a CSS attribute of each cascading style sheet corresponding to the to-be-displayed page in the display mode, wherein the CSS attribute is used for representing the position and/or style of an element in the to-be-displayed page. And then displaying the page to be displayed according to the attribute value of each CSS attribute.

Description

Application page display method, device, terminal and medium
Technical Field
The present invention relates to the field of computer technologies, and in particular, to a method, an apparatus, a terminal, and a medium for displaying an application page.
Background
At present, a plurality of display modes are supported by a terminal, for example, a mobile phone can support a normal mode and a dark mode. The display style of the interface is different in different display modes. In the dark mode, since the brightness of the interface is low, text, cutout, background color, and the like may be different from the display style in the normal mode. For example, if black text is displayed in the normal mode and black text is still displayed in the dark mode, the displayed definition is low, and therefore, these texts can be displayed in white in the dark mode.
However, since the display mode of the page included in the Application (APP) is fixed, when the mode switching is set in the system of the terminal, the mode of the APP in the terminal will not be switched accordingly, so that the display mode of the APP cannot meet the requirement of the display mode of the system.
Disclosure of Invention
The embodiment of the invention aims to provide a display method, a display device, a display terminal and a display medium of an application program page, so as to realize the matching of the display mode of an APP and a system display model. The specific technical scheme is as follows:
in a first aspect, an embodiment of the present invention provides a method for displaying an application page, which is applied to a terminal, and the method includes:
when a to-be-displayed page of an application program APP to be displayed is opened, determining a current display mode of a system of the terminal, and determining an attribute value of a CSS attribute of each cascading style sheet corresponding to the to-be-displayed page in the display mode, wherein the CSS attribute is used for representing the position and/or style of an element in the to-be-displayed page;
and displaying the page to be displayed according to the attribute value of each CSS attribute.
Optionally, the determining, in the display mode, the attribute value of the CSS attribute of each cascading style sheet corresponding to the page to be displayed includes:
and for the CSS attribute configured with the keyword, acquiring the corresponding attribute value of the keyword configured with the CSS attribute in the display mode according to the corresponding relationship between each keyword and the attribute value in each display mode, wherein the corresponding relationship is acquired in advance.
Optionally, the attribute value of the CSS attribute corresponding to the page to be displayed includes: the address of the cutting graph to be displayed;
the displaying the page to be displayed according to the attribute value of each CSS attribute comprises:
obtaining the cutting chart to be displayed from the address of the cutting chart to be displayed;
and displaying the page to be displayed according to the cutting picture to be displayed.
Optionally, before determining the attribute value of the CSS attribute of each cascading style sheet corresponding to the page to be displayed in the display mode, the method further includes:
sending a data acquisition request to a server, wherein the data acquisition request is used for requesting to acquire CSS data corresponding to pages included by the APP to be displayed, and the CSS data corresponding to each page included by the APP to be displayed comprises keywords of CSS attribute configuration corresponding to the page and corresponding relations between the keywords and attribute values in each display mode;
and receiving the CSS data sent by the server, and locally storing the CSS data.
Optionally, the method further includes:
when a CSS data updating instruction is received, sending a data updating request to a server, wherein the data updating request is used for requesting to acquire updated CSS data corresponding to a page included by the APP to be displayed;
receiving the updated CSS data sent by the server;
and replacing locally stored CSS data corresponding to the page of the APP to be displayed by using the updated CSS data.
In a second aspect, an embodiment of the present invention provides an apparatus for displaying an application page, where the apparatus is applied to a terminal, and the apparatus includes:
the terminal comprises a determining module, a display module and a display module, wherein the determining module is used for determining a current display mode of a system of the terminal when a to-be-displayed page of an application program APP to be displayed is opened, and determining an attribute value of a CSS attribute of each cascading style sheet corresponding to the to-be-displayed page in the display mode, and the CSS attribute is used for representing the position and/or style of an element in the to-be-displayed page;
and the display module is used for displaying the page to be displayed according to the attribute value of each CSS attribute determined by the determination module.
Optionally, the determining module is specifically configured to:
and for the CSS attribute configured with the keyword, acquiring the corresponding attribute value of the keyword configured with the CSS attribute in the display mode according to the corresponding relationship between each keyword and the attribute value in each display mode, wherein the corresponding relationship is acquired in advance.
Optionally, the attribute value of the CSS attribute corresponding to the page to be displayed includes: the address of the cutting graph to be displayed;
the display module is specifically configured to:
obtaining the cutting chart to be displayed from the address of the cutting chart to be displayed;
and displaying the page to be displayed according to the cutting picture to be displayed.
Optionally, the apparatus further comprises: a transmitting module and a receiving module;
the sending module is configured to send a data acquisition request to a server before determining that, in the display mode, the attribute value of each cascading style sheet CSS attribute corresponding to the page to be displayed is in front of the attribute value of each cascading style sheet CSS attribute, where the data acquisition request is used to request to acquire CSS data corresponding to the page included in the APP to be displayed, and the CSS data corresponding to each page included in the APP to be displayed includes a keyword configured with the CSS attribute corresponding to the page and a correspondence between the keyword and the attribute value in each display mode;
the receiving module is used for receiving the CSS data sent by the server and storing the CSS data locally.
Optionally, the apparatus further comprises: a replacement module;
the sending module is further configured to send a data update request to a server when a CSS data update instruction is received, where the data update request is used to request to acquire updated CSS data corresponding to a page included in the APP to be displayed;
the receiving module is further configured to receive the updated CSS data sent by the server;
and the replacing module is used for replacing locally stored CSS data corresponding to the page included by the APP to be displayed by using the updated CSS data.
In a third aspect, an embodiment of the present invention provides a terminal, including a processor, a communication interface, a memory, and a communication bus, where the processor and the communication interface complete communication between the memory and the processor through the communication bus;
a memory for storing a computer program;
and the processor is used for realizing the steps of the display method of any application program page when executing the program stored in the memory.
In a fourth aspect, an embodiment of the present invention further provides a computer-readable storage medium, where a computer program is stored in the computer-readable storage medium, and when the computer program is executed by a processor, the steps of the method for displaying an application page are implemented.
In a fifth aspect, an embodiment of the present invention further provides a computer program product including instructions, which when run on a computer, cause the computer to execute any of the above-mentioned display methods for an application page.
According to the application page display method, device, terminal and medium provided by the embodiment of the invention, when the to-be-displayed page of the to-be-displayed APP is opened, the display position and/or style of each element in the to-be-displayed page in the current display mode of the system of the terminal are determined, and the to-be-displayed page is displayed according to the display position and/or style of each element. Because the display position and the display style of the page to be displayed of the APP are determined according to the current display mode of the system, the display mode of the APP can be matched with the display model of the system.
Drawings
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings used in the description of the embodiments or the prior art will be briefly described below.
Fig. 1 is a flowchart of a display method for an application page according to an embodiment of the present invention;
FIG. 2 is a flowchart of another method for displaying an application page according to an embodiment of the present invention;
FIG. 3 is a display system of an application page according to an embodiment of the present invention;
FIG. 4 is a flowchart of another method for displaying an application page according to an embodiment of the present invention;
fig. 5 is a schematic structural diagram of a display device for an application page according to an embodiment of the present invention;
fig. 6 is a schematic structural diagram of a terminal according to an embodiment of the present invention.
Detailed Description
The technical solutions in the embodiments of the present invention will be described below with reference to the drawings in the embodiments of the present invention.
In order to match a display mode of an Application (APP) with a system display model, an embodiment of the present invention provides a method for displaying an Application page, which may be applied to a terminal. The terminal can be a mobile phone, a tablet computer, a computer and the like, and can display the application program page.
Referring to fig. 1, a method for displaying an application page provided by an embodiment of the present invention includes the following steps.
Step 101, when a page to be displayed of an APP to be displayed is opened, determining a current display mode of a system of a terminal, and determining an attribute value of each Cascading Style Sheets (CSSs) attribute corresponding to the page to be displayed in the current display mode.
And 102, displaying the page to be displayed according to the attribute value of each CSS attribute.
According to the application page display method provided by the embodiment of the invention, when the to-be-displayed page of the APP to be displayed is opened, the display position and/or the style of each element in the to-be-displayed page in the current display mode of the terminal system are determined, and the to-be-displayed page is displayed according to the display position and/or the style of each element. Because the display position and the display style of the page to be displayed of the APP are determined according to the current display mode of the system, the display mode of the APP can be matched with the display model of the system.
It is understood that the APP to be displayed in the embodiment of the present invention may be any APP installed in the terminal.
Optionally, in step 101, when the APP is started or the APP running in the background is switched to the foreground running, it may be considered that the APP is opened, and the APP is the APP to be displayed. When the APP to be displayed is started, the page to be displayed is the main interface of the APP to be displayed. When the APP to be displayed running in the background is switched to the foreground running, the page to be displayed is the page to be displayed when the APP to be displayed is switched to the background running.
Wherein the CSS attributes are used to represent the position and/or style of elements in the page to be displayed.
For example, elements in a page to be displayed may include: text, pictures, background colors, etc.
For example, the location of an element may be a two-dimensional coordinate (x, y) of the center point of the element, where x represents the distance between the center point and the left boundary of the page and y represents the distance between the center point and the lower boundary of the page.
For example, the style of an element may be the size, color, font, etc. of the element.
It can be understood that, in step 102, the terminal may display the page to be displayed according to the position and/or the style of each element in the page to be displayed.
Optionally, the determining, in the step 101, the attribute value of the CSS attribute corresponding to the page to be displayed in the current display mode includes the following two cases:
in case one, for a CSS attribute configured with a keyword, an attribute value corresponding to the keyword configured with the CSS attribute in a current display mode is acquired according to a correspondence relationship between each keyword and the attribute value in each display mode, which is acquired in advance.
Optionally, the correspondence between each keyword and the attribute value in each display mode may be obtained from the server in advance.
And in case two, for the CSS attribute configured with the attribute value, acquiring the attribute value configured with the CSS attribute.
The combination case one and case two are exemplified as follows: css1 ═ color: key 1; front size 32 px; }, css1 denotes the attribute of text 1. The global property color is configured with a key1, the color value of the key1 in the normal mode is #333333, and the color value of the key1 in the dark mode is # 99999999. The global attribute front ═ size is configured with an attribute value of 32px, indicating that the font size is 32px in both the dark mode and the normal mode, where px represents pixels.
It can be understood that, since the attributes may be configured with keywords, different attributes may correspond to the same keyword, so that when modifying the attribute values corresponding to the attributes, the effect of modifying the attribute values corresponding to a plurality of attributes may be achieved by modifying the attribute values corresponding to the keywords, so that the maintenance of the CSS data is more convenient.
The embodiment of the invention also has the following beneficial effects: as the CSS data values in the embodiment of the invention can be determined according to the system modes, the display mode of each system can correspond to a set of CSS attribute values, so that the display style of the page can be adjusted according to the display modes of the systems.
Optionally, the page to be displayed may include a cut graph to be displayed, so that the attribute value of the CSS attribute corresponding to the page to be displayed may include: and displaying the address of the cutting graph. Referring to fig. 2, the manner of displaying the page to be displayed in step 102 includes the following steps.
Step 201, obtaining the cutting chart to be displayed from the address of the cutting chart to be displayed.
For example, the address of the cut graph to be displayed may be a Uniform Resource Locator (URL).
And 202, displaying the page to be displayed according to the cutting picture to be displayed.
It can be understood that the terminal can display the acquired cutting picture to be displayed in the page to be displayed.
The embodiment of the invention also has the following beneficial effects: the attribute values of the CSS attributes are acquired by the terminal from the server, and the attribute values of the CSS attributes comprise addresses of the cutting pictures to be displayed instead of directly comprising the cutting pictures to be displayed, so that the data volume of CSS data is reduced, and the data volume transmitted between the terminal and the server is reduced.
Optionally, the terminal may further obtain the CSS data from the server when the APP is started for the first time, that is, before the step 101, the manner of obtaining the CSS data includes the following steps.
Step one, sending a data acquisition request to a server.
The data obtaining request is used for requesting to obtain the CSS data corresponding to the page included by the APP to be displayed, and the CSS data corresponding to each page included by the APP to be displayed include keywords of CSS attribute configuration corresponding to the page and corresponding relations between the keywords and attribute values in each display mode.
Optionally, the CSS data corresponding to each page included in the APP to be displayed may further include: and the attribute value of the CSS attribute configuration corresponding to the page.
And step two, receiving the CSS data sent by the server, and locally storing the CSS data.
It can be understood that the CSS data in the local storage may also be deleted by the user or deleted by another cleaning program, so that when the attribute value of the CSS attribute is determined, the CSS data corresponding to the APP to be displayed may be searched from the terminal local storage first, and if the CSS data does not exist in the local storage, the CSS data corresponding to the APP to be displayed is obtained from the server.
The embodiment of the invention also has the following beneficial effects: as the CSS data corresponding to the APP are stored in the server, the terminal pays attention to the analysis and display of the CSS data, the CSS data can be managed by the server, and the CSS data can be updated and expanded conveniently.
Optionally, the CSS data corresponding to the APP may also be updated, and at this time, the terminal needs to obtain the updated CSS data, including the following steps.
Step one, when a CSS data updating instruction is received, a data updating request is sent to a server.
The data updating request is used for requesting to acquire updated CSS data corresponding to a page included in the APP to be displayed.
And step two, receiving the updated CSS data sent by the server.
And step three, replacing the locally stored CSS data corresponding to the page included by the APP to be displayed by using the updated CSS data.
For example, each CSS data corresponds to an identifier, which is used to indicate an APP corresponding to the CSS data, and when updated CSS data is obtained, the CSS data may be used to replace the CSS data having the same identifier corresponding to the CSS data.
The embodiment of the invention also has the following beneficial effects: as the CSS data corresponding to the APP can be updated, the application range of the embodiment of the invention is wider.
Referring to fig. 3, an embodiment of the present invention provides a display system for an application page, where the system includes: a server 301 and a terminal 302. The terminal 302 is, for example, a mobile phone.
Referring to fig. 3, a general description will be given, by way of example, of an embodiment of the present invention, where a display method of an application page provided by the embodiment of the present invention includes the following steps.
Step 401, when the terminal 302 starts the APP for the first time, it sends a data acquisition request to the server 301.
Wherein, the data acquisition request carries the identifier of the APP. The data acquisition request is used for requesting to acquire CSS data corresponding to a page included by the APP.
Step 402, the server 301 receives the data acquisition request sent by the terminal 302, acquires the CSS data corresponding to the APP identifier, and sends the CSS data to the terminal 302.
In step 403, the terminal 302 receives the CSS data sent by the server 301.
In step 404, the terminal 302 determines the current display mode of the system, and determines the attribute values of the CSS attributes corresponding to the page to be displayed of the APP in the display mode.
In step 405, the terminal 302 displays the page to be displayed according to the attribute value of each CSS attribute.
The embodiment of the invention also has the following beneficial effects: because the CSS data acquired by the terminal from the server comprises the corresponding attribute values of the CSS attributes in various display modes, when the display model of the system is changed, the terminal does not need to acquire the attribute values of the CSS attributes of the page to be displayed in the switched display model from the server again, and the speed of switching the display modes is improved.
Corresponding to the above method embodiment, referring to fig. 5, an embodiment of the present invention provides a display apparatus for an application page, which is applied to a terminal, and the apparatus further includes: a determination module 501 and a display module 502;
a determining module 501, configured to determine a current display mode of a system of a terminal when a to-be-displayed page of an APP to be displayed is opened, and determine an attribute value of a CSS attribute of each cascading style sheet corresponding to the to-be-displayed page in the display mode, where the CSS attribute is used to indicate a position and/or a style of an element in the to-be-displayed page;
and the display module 502 is configured to display a page to be displayed according to the attribute value of each CSS attribute determined by the determination module 501.
Optionally, the determining module 501 may be specifically configured to:
and for the CSS attribute configured with the keyword, acquiring the corresponding attribute value of the keyword configured with the CSS attribute in the display mode according to the corresponding relationship between each keyword and the attribute value in each display mode, which is acquired in advance.
Optionally, the attribute values of the CSS attribute corresponding to the page to be displayed include: the address of the cutting graph to be displayed;
the display module 502 may be specifically configured to:
obtaining a cutting picture to be displayed from an address of the cutting picture to be displayed;
and displaying the page to be displayed according to the cutting picture to be displayed.
Optionally, the apparatus may further include: a transmitting module 503 and a receiving module 504;
a sending module 503, configured to send a data obtaining request to a server before determining, in a display mode, an attribute value of each cascading style sheet CSS attribute corresponding to a page to be displayed, where the data obtaining request is used to request to obtain CSS data corresponding to a page included in APPs to be displayed, and the CSS data corresponding to each page included in APPs to be displayed includes a keyword configured with the CSS attribute corresponding to the page and a correspondence between the keyword and the attribute value in each display mode;
and a receiving module 504, configured to receive the CSS data sent by the server, and store the CSS data locally.
Optionally, the apparatus may further include: a replacement module 505;
the sending module 503 is further configured to send a data update request to the server when receiving the CSS data update instruction, where the data update request is used to request to obtain updated CSS data corresponding to a page included in the APP to be displayed;
the receiving module 504 is further configured to receive updated CSS data sent by the server;
and a replacing module 505, configured to replace, by using the updated CSS data, locally stored CSS data corresponding to a page included in the APP to be displayed.
The embodiment of the present invention further provides a terminal, as shown in fig. 6, including a processor 601, a communication interface 602, a memory 603, and a communication bus 604, where the processor 601, the communication interface 602, and the memory 603 complete mutual communication through the communication bus 604,
a memory 603 for storing a computer program;
the processor 601 is configured to implement the steps executed by the terminal in the foregoing method embodiment when executing the program stored in the memory 603.
The communication bus mentioned in the above terminal may be a Peripheral Component Interconnect (PCI) bus, an Extended Industry Standard Architecture (EISA) bus, or the like. The communication bus may be divided into an address bus, a data bus, a control bus, etc. For ease of illustration, only one thick line is shown, but this does not mean that there is only one bus or one type of bus.
The communication interface is used for communication between the terminal and other equipment.
The Memory may include a Random Access Memory (RAM) or a non-volatile Memory (non-volatile Memory), such as at least one disk Memory. Optionally, the memory may also be at least one memory device located remotely from the processor.
The Processor may be a general-purpose Processor, and includes a Central Processing Unit (CPU), a Network Processor (NP), and the like; the device can also be a Digital Signal Processor (DSP), an Application Specific Integrated Circuit (ASIC), a Field Programmable Gate Array (FPGA) or other Programmable logic device, a discrete Gate or transistor logic device, or a discrete hardware component.
In another embodiment of the present invention, a computer-readable storage medium is further provided, in which instructions are stored, and when the instructions are executed on a computer, the instructions cause the computer to execute the display method of the application page in any one of the above embodiments.
In yet another embodiment of the present invention, there is also provided a computer program product containing instructions which, when run on a computer, cause the computer to perform the method for displaying an application page as described in any of the above embodiments.
In the above embodiments, the implementation may be wholly or partially realized by software, hardware, firmware, or any combination thereof. When implemented in software, may be implemented in whole or in part in the form of a computer program product. The computer program product includes one or more computer instructions. When loaded and executed on a computer, cause the processes or functions described in accordance with the embodiments of the invention to occur, in whole or in part. The computer may be a general purpose computer, a special purpose computer, a network of computers, or other programmable device. The computer instructions may be stored in a computer readable storage medium or transmitted from one computer readable storage medium to another, for example, from one website site, computer, server, or data center to another website site, computer, server, or data center via wired (e.g., coaxial cable, fiber optic, Digital Subscriber Line (DSL)) or wireless (e.g., infrared, wireless, microwave, etc.). The computer-readable storage medium can be any available medium that can be accessed by a computer or a data storage device, such as a server, a data center, etc., that incorporates one or more of the available media. The usable medium may be a magnetic medium (e.g., floppy Disk, hard Disk, magnetic tape), an optical medium (e.g., DVD), or a semiconductor medium (e.g., Solid State Disk (SSD)), among others.
It is noted that, herein, relational terms such as first and second, and the like may be used solely to distinguish one entity or action from another entity or action without necessarily requiring or implying any actual such relationship or order between such entities or actions. Also, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other identical elements in a process, method, article, or apparatus that comprises the element.
All the embodiments in the present specification are described in a related manner, and the same and similar parts among the embodiments may be referred to each other, and each embodiment focuses on the differences from the other embodiments. In particular, as for the apparatus embodiment, since it is substantially similar to the method embodiment, the description is relatively simple, and for the relevant points, reference may be made to the partial description of the method embodiment.
The above description is only for the preferred embodiment of the present invention, and is not intended to limit the scope of the present invention. Any modification, equivalent replacement, or improvement made within the spirit and principle of the present invention shall fall within the protection scope of the present invention.

Claims (12)

1. A display method of an application program page is applied to a terminal, and the method comprises the following steps:
when a to-be-displayed page of an application program APP to be displayed is opened, determining a current display mode of a system of the terminal, and determining an attribute value of a CSS attribute of each cascading style sheet corresponding to the to-be-displayed page in the display mode, wherein the CSS attribute is used for representing the position and/or style of an element in the to-be-displayed page;
and displaying the page to be displayed according to the attribute value of each CSS attribute.
2. The method according to claim 1, wherein the determining the attribute value of the CSS attribute of each cascading style sheet corresponding to the page to be displayed in the display mode comprises:
and for the CSS attribute configured with the keyword, acquiring the corresponding attribute value of the keyword configured with the CSS attribute in the display mode according to the corresponding relationship between each keyword and the attribute value in each display mode, wherein the corresponding relationship is acquired in advance.
3. The method according to claim 1, wherein the attribute values of the CSS attributes corresponding to the page to be displayed comprise: the address of the cutting graph to be displayed;
the displaying the page to be displayed according to the attribute value of each CSS attribute comprises:
obtaining the cutting chart to be displayed from the address of the cutting chart to be displayed;
and displaying the page to be displayed according to the cutting picture to be displayed.
4. The method according to any one of claims 1-3, wherein before said determining the attribute value of CSS attribute of each cascading style sheet corresponding to the page to be displayed in the display mode, the method further comprises:
sending a data acquisition request to a server, wherein the data acquisition request is used for requesting to acquire CSS data corresponding to pages included by the APP to be displayed, and the CSS data corresponding to each page included by the APP to be displayed comprises keywords of CSS attribute configuration corresponding to the page and corresponding relations between the keywords and attribute values in each display mode;
and receiving the CSS data sent by the server, and locally storing the CSS data.
5. The method of claim 4, further comprising:
when a CSS data updating instruction is received, sending a data updating request to a server, wherein the data updating request is used for requesting to acquire updated CSS data corresponding to a page included by the APP to be displayed;
receiving the updated CSS data sent by the server;
and replacing locally stored CSS data corresponding to the page of the APP to be displayed by using the updated CSS data.
6. An apparatus for displaying an application page, applied to a terminal, the apparatus comprising:
the terminal comprises a determining module, a display module and a display module, wherein the determining module is used for determining a current display mode of a system of the terminal when a to-be-displayed page of an application program APP to be displayed is opened, and determining an attribute value of a CSS attribute of each cascading style sheet corresponding to the to-be-displayed page in the display mode, and the CSS attribute is used for representing the position and/or style of an element in the to-be-displayed page;
and the display module is used for displaying the page to be displayed according to the attribute value of each CSS attribute determined by the determination module.
7. The apparatus of claim 6, wherein the determining module is specifically configured to:
and for the CSS attribute configured with the keyword, acquiring the corresponding attribute value of the keyword configured with the CSS attribute in the display mode according to the corresponding relationship between each keyword and the attribute value in each display mode, wherein the corresponding relationship is acquired in advance.
8. The apparatus of claim 6, wherein the attribute values of the CSS attributes corresponding to the page to be displayed comprise: the address of the cutting graph to be displayed;
the display module is specifically configured to:
obtaining the cutting chart to be displayed from the address of the cutting chart to be displayed;
and displaying the page to be displayed according to the cutting picture to be displayed.
9. The apparatus according to any one of claims 6-8, further comprising: a transmitting module and a receiving module;
the sending module is configured to send a data acquisition request to a server before determining that, in the display mode, the attribute value of each cascading style sheet CSS attribute corresponding to the page to be displayed is in front of the attribute value of each cascading style sheet CSS attribute, where the data acquisition request is used to request to acquire CSS data corresponding to the page included in the APP to be displayed, and the CSS data corresponding to each page included in the APP to be displayed includes a keyword configured with the CSS attribute corresponding to the page and a correspondence between the keyword and the attribute value in each display mode;
the receiving module is used for receiving the CSS data sent by the server and storing the CSS data locally.
10. The apparatus of claim 9, further comprising: a replacement module;
the sending module is further configured to send a data update request to a server when a CSS data update instruction is received, where the data update request is used to request to acquire updated CSS data corresponding to a page included in the APP to be displayed;
the receiving module is further configured to receive the updated CSS data sent by the server;
and the replacing module is used for replacing locally stored CSS data corresponding to the page included by the APP to be displayed by using the updated CSS data.
11. A terminal is characterized by comprising a processor, a communication interface, a memory and a communication bus, wherein the processor and the communication interface are used for realizing the communication between the processor and the memory through the communication bus;
a memory for storing a computer program;
a processor for implementing the method steps of any one of claims 1 to 5 when executing a program stored in the memory.
12. A computer-readable storage medium, characterized in that a computer program is stored in the computer-readable storage medium, which computer program, when being executed by a processor, carries out the method steps of any one of the claims 1-5.
CN202010140204.0A 2020-03-03 2020-03-03 Application page display method, device, terminal and medium Pending CN111367606A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010140204.0A CN111367606A (en) 2020-03-03 2020-03-03 Application page display method, device, terminal and medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010140204.0A CN111367606A (en) 2020-03-03 2020-03-03 Application page display method, device, terminal and medium

Publications (1)

Publication Number Publication Date
CN111367606A true CN111367606A (en) 2020-07-03

Family

ID=71211225

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010140204.0A Pending CN111367606A (en) 2020-03-03 2020-03-03 Application page display method, device, terminal and medium

Country Status (1)

Country Link
CN (1) CN111367606A (en)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112733053A (en) * 2020-12-31 2021-04-30 北京字节跳动网络技术有限公司 Page detection method and device, electronic equipment and computer readable medium
CN112817679A (en) * 2021-02-01 2021-05-18 青岛海信移动通信技术股份有限公司 Display device and interface display method

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104346403A (en) * 2013-08-07 2015-02-11 腾讯科技（深圳）有限公司 Browser page display method and device as well as browser and terminal
CN104462312A (en) * 2014-11-28 2015-03-25 北京奇虎科技有限公司 Web page displaying method and browser client side
CN104951182A (en) * 2015-05-27 2015-09-30 深圳市万普拉斯科技有限公司 Replacement method and device for interface theme of application and intelligent terminal
CN105979392A (en) * 2015-09-14 2016-09-28 乐视致新电子科技（天津）有限公司 Webpage display method and browser
CN108108367A (en) * 2016-11-24 2018-06-01 腾讯科技（深圳）有限公司 A kind of Webpage display process and device
CN110413913A (en) * 2019-07-04 2019-11-05 北京字节跳动网络技术有限公司 A kind of page furbishing method, device, terminal and storage medium
CN110609722A (en) * 2019-08-09 2019-12-24 华为技术有限公司 Dark mode display interface processing method, electronic equipment and storage medium

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104346403A (en) * 2013-08-07 2015-02-11 腾讯科技（深圳）有限公司 Browser page display method and device as well as browser and terminal
CN104462312A (en) * 2014-11-28 2015-03-25 北京奇虎科技有限公司 Web page displaying method and browser client side
CN104951182A (en) * 2015-05-27 2015-09-30 深圳市万普拉斯科技有限公司 Replacement method and device for interface theme of application and intelligent terminal
CN105979392A (en) * 2015-09-14 2016-09-28 乐视致新电子科技（天津）有限公司 Webpage display method and browser
CN108108367A (en) * 2016-11-24 2018-06-01 腾讯科技（深圳）有限公司 A kind of Webpage display process and device
CN110413913A (en) * 2019-07-04 2019-11-05 北京字节跳动网络技术有限公司 A kind of page furbishing method, device, terminal and storage medium
CN110609722A (en) * 2019-08-09 2019-12-24 华为技术有限公司 Dark mode display interface processing method, electronic equipment and storage medium

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112733053A (en) * 2020-12-31 2021-04-30 北京字节跳动网络技术有限公司 Page detection method and device, electronic equipment and computer readable medium
CN112733053B (en) * 2020-12-31 2023-06-27 抖音视界有限公司 Page detection method, page detection device, electronic equipment and computer readable medium
CN112817679A (en) * 2021-02-01 2021-05-18 青岛海信移动通信技术股份有限公司 Display device and interface display method

Similar Documents

Publication Publication Date Title
CN109683998B (en) Internationalization realization method, device and system
EP3623942A1 (en) Message processing method and apparatus, storage medium, and computer device
RU2608668C2 (en) System and method for control and organisation of web-browser cache for offline browsing
US9519661B2 (en) Method and system for updating a background picture of a web search results page for different search queries
CN107330087B (en) Page file generation method and device
CN103678704A (en) Picture recognition method, system, equipment and device based on picture information
CN115757400B (en) Data table processing method, device, electronic equipment and computer readable medium
CN111294395A (en) Terminal page transmission method, device, medium and electronic equipment
CN112437148B (en) Service request processing method and device, service server and system
CN103646122A (en) Picture identification method based on drag picture, picture identification system based on drag picture, picture identification equipment based on drag picture and picture identification device based on drag picture
CN110941779A (en) Page loading method and device, storage medium and electronic equipment
CN115309470B (en) Method, device, equipment and storage medium for loading widget
CN111177634A (en) Multi-language supporting file content loading method, device, equipment and medium
JP6302098B2 (en) Address filtering method, apparatus, program, and recording medium
CN111367606A (en) Application page display method, device, terminal and medium
CN109656592B (en) Card management method, device, terminal and computer readable storage medium
CN115470432A (en) Page rendering method and device, electronic equipment and computer readable medium
CN106354792B (en) Webpage display method and device
CN109902726B (en) Resume information processing method and device
CN113347276B (en) Mobile access system based on GIS
CN113220381A (en) Click data display method and device
CN112559913B (en) Data processing method, device, computing equipment and readable storage medium
CN113656718A (en) Theme switching method and device
CN113656737A (en) Webpage content display method and device, electronic equipment and storage medium
CN113656506B (en) Electronic specification acquisition method and device and readable medium

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication

Application publication date: 20200703

RJ01 Rejection of invention patent application after publication