Mail content display method and device, equipment and storage medium

Abstract

The invention provides a mail content display method and device, equipment and a storage medium, which are used for reducing the time consumption of a new window from page null to mail content appearing. Comprising the steps that a first window is displayed, and the first window comprises a mail list display area and an operation icon display area of currently received mails; in response to a first operation on a first target object in the first window, a second window is displayed, the second window is used for displaying a first page content mask, the first page content mask is generated by rendering based on first local page content of the first target object, and the first local page content is stored in a local terminal. The first target object is displayed in the mail list display area or the operation icon display area. The technical scheme provided by the invention can be applied to the field of computers.

Description

Technical Field

[0001] The present application relates to the field of computers, and in particular to a method, device, equipment and storage medium for displaying email content. Background Art

[0002] Nowadays, in many scenarios that require information interaction, for some important and formal message content, users often still choose to deliver information by sending emails.

[0003] When reading or writing an email, you usually need to open a new window to read or input the email content. In the process of opening a window, the window page has many dependent resources, which makes the window load time longer, resulting in a short white screen or flickering of the window user interface (UI).

[0004] To address the above-mentioned problems, no effective solution has been proposed yet. Summary of the invention

[0005] Embodiments of the present application provide a method, apparatus, device, and storage medium for displaying email content, which are used to reduce the time it takes for a new window to display email content from a blank page.

[0006] In view of this, on the one hand, the present application provides a method for displaying email content, including: displaying a first window, the first window including an email list display area and an operation icon display area for currently received emails; in response to a first operation on a first target object in the first window, displaying a second window, the second window being used to display a first page content mask, the first page content mask being generated based on a first local page content rendering of the first target object, the first local page content being stored in a local terminal, and the first target object being displayed in the email list display area or the operation icon display area.

[0007] On the other hand, the present application provides an email content display device, comprising: a first display module, for displaying a first window, the first window including an email list display area of ​​currently received emails and an operation icon display area;

[0008] A second display module is used to display a second window in response to a first operation on the first target object in the first window, wherein the second window is used to display a first page content mask, wherein the first page content mask is generated based on the rendering of a first local page content of the first target object, wherein the first local page content is stored in a local terminal, and the first target object is displayed in the mail list display area or the operation icon display area.

[0009] In one possible design, in another implementation of another aspect of the embodiment of the present application, the device also includes a processing module, which is used to load the entry html to generate the second window in response to the first operation; load the dependent resources of the second window, and the dependent resources are used to indicate the page content of the first target object; execute the dependent resources to render the real page content of the first target object; after the real page content rendering is completed, remove the first page content mask or hide the first page content mask.

[0010] In a possible design, in another implementation of another aspect of the embodiment of the present application, the first display module is used to load the entry html to generate the second window in response to the first operation;

[0011] Read the first local page content through the entry HTML;

[0012] The first page content mask is generated based on the first local page content rendering in the second window.

[0013] In one possible design, in another implementation of another aspect of an embodiment of the present application, when the first target object is the first target email in the email list display area, the second window is a reading window for the first target email, and the first local page content is used to indicate the email content of the first target email.

[0014] In one possible design, in another implementation of another aspect of the embodiment of the present application, the device further includes a processing module, the processing module being configured to pull the email content of the first target email in response to the second operation on the first target email;

[0015] The device also includes a storage module, which is used to store the email content of the first target email in the local terminal to generate the first local page content.

[0016] In one possible design, in another implementation of another aspect of the embodiment of the present application, the storage module is used to store the email content of the first target email in HTML format in the local terminal to generate the first local page content.

[0017] In one possible design, in another implementation of another aspect of the embodiment of the present application, the processing module is used to pull the email content of the second target email in response to the third operation on the second target email in the first window;

[0018] The storage module is used to delete the first local page content; store the email content of the second target email in the local terminal to generate the second local page content.

[0019] In one possible design, in another implementation of another aspect of the embodiment of the present application, the first window also includes an email content display area, and the first display module is used to render and generate a reading page of the first target email in the email content display area based on the email content of the first target email.

[0020] In one possible design, in another implementation of another aspect of the embodiment of the present application, the first target object is a writing operation icon in the operation icon display area, the second window is a writing window, and the first local page content includes the user interface content of the writing window, or the first local page content includes the user interface content and setting content of the writing window.

[0021] In one possible design, in another implementation of another aspect of the embodiment of the present application, the device further includes a processing module, the processing module being configured to obtain the user interface content;

[0022] The device also includes a storage module, the storage module being used to store the user interface content in the local terminal to generate the first local page content;

[0023] or,

[0024] The device also includes a processing module, the processing module being used to obtain the user interface content and the setting content;

[0025] The device also includes a storage module, which is used to store the user interface content and the setting content in the local terminal to generate the first local page content.

[0026] In one possible design, in another implementation of another aspect of the embodiment of the present application, the device further includes a processing module, the processing module being configured to write the user interface content using a render function;

[0027] The device also includes a storage module, the storage module is used to store the render function in a local HTML document to generate the first local page content;

[0028] or,

[0029] The device also includes a processing module, the processing module is used to write the user interface content and the setting content in a render function;

[0030] The device also includes a storage module, which is used to store the render function in a local HTML document to generate the first local page content.

[0031] In one possible design, in another implementation of another aspect of the embodiment of the present application, the user interface content is the toolbar content of the letter writing window, and the setting content is the signature content of the letter writing account.

[0032] Another aspect of the present application provides a computer device, including: a memory, a processor, and a bus system;

[0033] Wherein, the memory is used to store programs;

[0034] The processor is used to execute the program in the memory, and the processor is used to execute the above-mentioned methods according to the instructions in the program code;

[0035] The bus system is used to connect the memory and the processor so that the memory and the processor can communicate with each other.

[0036] Another aspect of the present application provides a computer-readable storage medium, in which instructions are stored. When the computer-readable storage medium is run on a computer, the computer is enabled to execute the above-mentioned methods.

[0037] Another aspect of the present application provides a computer program product or a computer program, the computer program product or the computer program includes computer instructions, the computer instructions are stored in a computer-readable storage medium. The processor of the computer device reads the computer instructions from the computer-readable storage medium, and the processor executes the computer instructions, so that the computer device executes the methods provided by the above aspects.

[0038] It can be seen from the above technical solutions that the embodiments of the present application have the following advantages: when a new window is opened, the page content mask is obtained by rendering the locally stored page content, and the page content mask is displayed in the new window. Since the page content stored locally is read faster, and the page content mask only renders the image information and does not need to realize real interaction, compared with directly rendering the real page, the resources for loading and rendering are less, thereby reducing the time consumed from the new window being empty to loading the page content. BRIEF DESCRIPTION OF THE DRAWINGS

[0039] Figure 1 A schematic diagram of the architecture of an application system of the email content display method in the embodiment of the present application

[0040] Figure 2 This is a schematic diagram of an embodiment of a method for displaying email content in an embodiment of the present application;

[0041] Figure 3 A schematic diagram showing the first window in the embodiment of the present application;

[0042] Figure 4Another schematic diagram showing the first window in the embodiment of the present application;

[0043] Figure 5 In the embodiment of this application Figure 4 A schematic diagram showing a flow chart of the mail content display area in the first window shown;

[0044] Figure 6 A schematic diagram of a flow chart showing the content of an email in a letter reading scenario in an embodiment of the present application;

[0045] Figure 7 A schematic diagram of a flow chart showing the content of an email in a letter reading scenario in an embodiment of the present application;

[0046] Figure 8 A schematic diagram of a flow chart showing the content of an email in a letter reading scenario in an embodiment of the present application;

[0047] Fig. 9 A schematic diagram of a flow chart showing the content of an email in a letter reading scenario in an embodiment of the present application;

[0048] Fig.10 A schematic diagram of a flow chart showing the content of an email in a letter reading scenario in an embodiment of the present application;

[0049] Fig.11 A schematic diagram of a flow chart showing the content of an email in a letter writing scenario in an embodiment of the present application;

[0050] Fig.12 A schematic diagram of a flow chart showing the content of an email in a letter writing scenario in an embodiment of the present application;

[0051] Fig.13 A schematic diagram of a flow chart showing the content of an email in a letter writing scenario in an embodiment of the present application;

[0052] Fig.14 This is an optimization comparison effect diagram of the first screen waiting time in the embodiment of this application;

[0053] Fig.15 This is an optimized comparison effect diagram of the letter writing window in the embodiment of the present application;

[0054] Fig.16 This is a schematic diagram of an embodiment of a mail content display device in an embodiment of the present application;

[0055] Fig.17 This is a schematic diagram of another embodiment of the email content display device in the embodiment of the present application;

[0056] Fig.18 This is a schematic diagram of another embodiment of the email content display device in the embodiment of the present application;

[0057] Fig.19 This is a schematic diagram of another embodiment of the email content display device in the embodiment of the present application. DETAILED DESCRIPTION

[0058] The present application provides a method, apparatus, device and storage medium for displaying email content, which are used to reduce the time taken for a new window to display email content from a blank page.

[0059] The terms "first", "second", "third", "fourth", etc. (if any) in the specification and claims of the present application and the above-mentioned drawings are used to distinguish similar objects, and are not necessarily used to describe a specific order or sequence. It should be understood that the data used in this way can be interchangeable where appropriate, so that the embodiments of the present application described herein can be implemented in an order other than those illustrated or described herein, for example. In addition, the terms "including" and "corresponding to" and any of their variations are intended to cover non-exclusive inclusions, for example, a process, method, system, product or device that includes a series of steps or units is not necessarily limited to those steps or units that are clearly listed, but may include other steps or units that are not clearly listed or inherent to these processes, methods, products or devices.

[0060] Nowadays, in many scenarios where information interaction is required, users often choose to send emails to deliver important and formal messages. In the process of reading or writing emails, it is usually necessary to open a new window to read or input the email content. In the process of opening the window, due to the large number of dependent resources of the window page, the loading time of the window will be long, resulting in a short white screen in the window or flickering of the user interface (UI) of the window. There is currently no effective solution to the above problems.

[0061] In order to solve the above technical problems, the present application provides the following technical solutions: display a first window, the first window includes an email list display area and an operation icon display area of ​​the currently received emails; in response to a first operation on the first target object in the first window, display a second window, the second window is used to display a first page content mask, the first page content mask is generated based on the first local page content rendering of the first target object, the first local page content is stored in the local terminal, and the first target object is displayed in the email list display area or the operation icon display area. In this way, when a new window is opened, the page content mask is obtained by rendering the locally stored page content, and the page content mask is displayed in the new window. Since the locally stored page content is read faster, and the page content mask only renders the image information and does not need to realize real interaction, compared with directly rendering the real page, it has fewer resources for loading and rendering, thereby reducing the time consumed from the page being empty to loading the page content in the new window.

[0062] First, some of the terms that appear in the following text of this application are explained:

[0063] Hypertext mark-up language (HTML): It is the building block of the Internet (Web). It defines the meaning and structure of the content of a web page. Other technologies besides HTML are usually used to describe the appearance and display of a web page (such as cascading style sheets (CSS)), or functions and behaviors (such as JavaScript). "Hypertext" refers to the links that connect web pages within a single website or between multiple websites. HTML uses "markup" to indicate text, images and other content so that they can be displayed in a web browser. HTML tags include some special "elements" such as, <title>、< / title> , <header> 、 <footer> 、 <article> 、 <section> 、 、 、 、 、 <aside> 、 <audio> 、 <canvas> 、 <datalist>、 <details> 、 <embed> 、 <nav> 、 <output>、 <progress>、 <video> 、 、 、 etc.

[0064] Mask: An interface that has the same size and UI performance as the window after initialization but does not support user interaction.

[0065] See also Figure 1 , Figure 1 It is an optional architecture diagram under an application scenario of the email content display solution provided in the embodiment of the present application. In order to implement a scheme to support the email content display solution, the terminal device 100 is connected to the server 300 through the network 200, and the server 300 is connected to the database 400. The network 200 can be a wide area network or a local area network, or a combination of the two. The client for implementing the email content display solution is deployed on the terminal device 100, wherein the client can be run on the terminal device 100 in the form of a browser, or can be run on the terminal device 100 in the form of an independent application (application, APP), etc. The specific display form of the client is not limited here. In this architecture, the terminal device 100 displays the first window and the second window of the email application, and the user of the terminal device 100 can read emails or create new emails or reply emails through the first window and the second window. The server 300 can store the email content of the email received by the terminal device. The server 300 involved in this application can be an independent physical server, or a server cluster or distributed system composed of multiple physical servers, or a cloud server that provides cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, content delivery networks (CDN), and basic cloud computing services such as big data and artificial intelligence platforms. The terminal device 100 can be a smart phone, a tablet computer, a laptop, a PDA, a personal computer, a smart TV, a smart watch, a vehicle-mounted device, a wearable device, an intelligent voice interaction device, a smart home appliance, an aircraft, etc., but is not limited to this. The terminal device 100 and the server 300 can be directly or indirectly connected through the network 200 by wired or wireless communication, and this application is not limited here. The number of servers 300 and terminal devices 100 is also not limited. The solution provided in this application can be completed independently by the terminal device 100, or by the server 300, or by the terminal device 100 and the server 300 in cooperation, and this application is not specifically limited to this. The database 400 can be considered as an electronic file cabinet, a place for storing electronic files, where users can add, query, update, delete, etc. the data in the files. The so-called "database" is a collection of data that is stored together in a certain way, can be shared with multiple users, has as little redundancy as possible, and is independent of the application program. The database management system (DBMS) is a computer software system designed for managing databases, and generally has basic functions such as storage, interception, security, and backup.Database management systems can be classified according to the database models they support, such as relational, Extensible Markup Language (XML); or according to the types of computers they support, such as server clusters, mobile phones; or according to the query languages ​​used, such as Structured Query Language (SQL), XQuery; or according to performance impulse focus, such as maximum scale, maximum operating speed; or other classification methods. Regardless of the classification method used, some DBMSs can cross categories, for example, supporting multiple query languages ​​at the same time. In the present application, database 400 can be used to store local page content (i.e., email content, user interface content, and setting content). Of course, the storage location of local page content (i.e., email content, user interface content, and setting content) is not limited to the database, for example, it can also be stored in the terminal device 100.

[0066] It is understandable that in the specific implementation of the present application, data related to email content, user interface content, and setting content are involved. When the above embodiments of the present application are applied to specific products or technologies, user permission or consent is required, and the collection, use and processing of relevant data need to comply with relevant laws, regulations and standards of relevant countries and regions.

[0067] In combination with the above introduction, the following describes the method for displaying the email content in this application, taking the terminal device as the execution subject. Please refer to Figure 2 , an embodiment of the method for displaying email content in the embodiment of the present application includes:

[0068] 201. Display a first window, where the first window includes an email list display area for currently received emails and an operation icon display area.

[0069] In this embodiment, the terminal device displays the first window through its display screen. It should be understood that the display screen can be a display screen built into the terminal device or an external display screen, which is not specifically limited here.

[0070] At the same time, the first window can be understood as the main window of the mail application or the main window of the mail application plug-in integrated with the communication application. For example, the first window can be the main window of the XX mailbox, or the main window of the "Mail" plug-in in the XX communication. In an exemplary solution, the first window can be as follows Figure 3 As shown, it specifically includes an email list display area and an operation icon display area. Among them, the email list display area is mainly used to display emails received by the user. Figure 3 In the window shown, the mail list display area is mainly used to display the mails received by the object "1234567890@qq.com" (for example, the mail list currently displays the mails sent by the object "aaa"). The operation icon display area is mainly used to display the icons for performing corresponding operations in the mail application. Figure 3 As can be seen from the first window shown, the operation icon display area may include the following icons: "Receive", "Compose", "Delete", "Reply", "Reply All", "Forward" and "Search". Among them, "Receive" is used to indicate the collection of emails. Clicking this icon can query the server of the email application whether there is any new email at the moment. "Compose" is used to indicate the creation of a new email. Clicking this icon can open a letter writing window. "Delete" is used to indicate the deletion of the currently selected email. Clicking this icon can delete the currently selected email. "Reply" is used to indicate a reply to the sender of the current email. Clicking this icon can open a letter writing window, and the recipients are only the sender of the current email. "Reply All" is used to indicate a reply to the sender and the CC persons (that is, all recipients except the current user) of the current email. Clicking this icon can open a letter writing window, and the recipients are the sender and the CC persons of the current email.

[0071] In actual application, the first window may also include an email content display area, which may be used to display the email content of the selected email in the current window, so that the user can directly view the email content in the first window. Figure 4 As shown, the first window can view the email content of the currently selected email through the email content display area.

[0072] Below Figure 5 The process shown in the figure explains the content display in the mail content display area. Figure 5 , clicked on the email in the email list (i.e., the email sent by sender "aaa" to the current object "1234567890@qq.com"). Then the terminal device pulled the email content corresponding to the email from the server corresponding to the email application. The email content may include the following information: the email sending time is "10 minutes ago", the email subject is "Work progress", the specific content of the email is "Please reply to weekly work progress", and the signature content in the email is "XX Company: AAA Company Address: yyyyyyyy Company Address: zzzzzzzz". After obtaining the above information, the terminal device generates a rendering information table (i.e., DOM tree) in the email content display area according to the above email content, and then renders the email content display area based on the rendering information table to obtain the display content of the email content display area (i.e., the email reading page). It should be understood that during the rendering process, the display content should be adjusted accordingly according to the specific size of the email content display area so that the email content display area can achieve a better display effect.

[0073] 202. In response to a first operation on the first target object in the first window, a second window is displayed, wherein the second window is used to display a first page content mask, wherein the first page content mask is generated based on a first local page content rendering of the first target object, wherein the first local page content is stored in a local terminal, and the first target object is displayed in the mail list display area or the operation icon display area.

[0074] In this embodiment, in the email application, when it is necessary to read the email in detail or generate a new email, it is usually necessary to open a new window, which is equivalent to displaying the second window in this application; then the email content or the email editing interface is displayed through the second window.

[0075] The following is an explanation of the email content display method in this application using two application scenarios: reading and writing emails.

[0076] 1. Combination Figures 6 to 10 Explain the letter reading scenario in this application

[0077] In this application scenario, the second operation should be understood as an operation of opening the mail reading window. In an exemplary solution, the second operation can be double-clicking the target mail in the mail list display area; long pressing the target mail in the mail list display area; or selecting the target mail in the mail list display area through a custom air gesture. The specific operation is not limited here, and only the mail reading window can be opened.

[0078] After the terminal device responds to the second operation, a new window (i.e., the second window in this application) will be generated. In this embodiment, the first window and the second window are independent windows, and their display methods on the display screen of the terminal device can be various. For example, the display screen is divided into two areas, respectively displaying the first window and the second window; or the first window and the second window are displayed overlappingly on the display screen (i.e., only one window can be seen at the same time). In this embodiment, the second window will be used to display the entire email content of the target email. For example, Figure 6 Displayed information: Email subject: "Work progress"; Specific content of the email: "Please reply with weekly work progress"; Signature content in the email: "XX Company: AAA Company address: yyyyyyyy Company address: zzzzzzzz"; Email sender: "AAAA"; Email recipient: "1234567890@qq.com". It should be understood that the second window can also display operation icons. Figure 6 As shown, the operation icons displayed in the second window include: "Receive", "Compose", "Delete", "Reply", "Reply All", "Forward" and "Search". Among them, "Receive" is used to indicate the collection of emails. Clicking this icon can query the server of the email application whether there are any new emails at present. "Compose" is used to indicate the creation of a new email. Clicking this icon can open the write window. "Delete" is used to indicate the deletion of the currently selected email. Clicking this icon can delete the currently selected email. "Reply" is used to indicate a reply to the sender of the current email. Clicking this icon can open the write window, and the recipients are only the sender of the current email. "Reply All" is used to indicate a reply to the sender and the CC persons of the current email (that is, all recipients except the current user). Clicking this icon can open the write window, and the recipients are the sender and the CC persons of the current email.

[0079] It should be understood that the Figure 6 The displayed content may also include the background image of the email interface, the signature image, and the jump link that comes with the email. Figure 7 As shown, the background image can be a theme mode, such as a dynamic dark mode or a light mode, etc. The dynamic dark mode refers to an interface design that uses a dark background and light text in an application or operating system. The signature image is customized by the user. The jump link can be an advertisement jump link.

[0080] Below Figure 8 The flowchart shown illustrates the display of the email content in the email reading window (i.e., the second window in this application):

[0081] When the email content is displayed in the main window (i.e., the first window), the terminal device responds to a single-click operation on the target email and pulls the email content of the first target email from the server of the current email application; then the terminal device renders the email page content in the email content display area of ​​the main window according to the email content; the terminal device obtains the email page content of the target email, and then locally stores the email page content to generate the first local page content.

[0082] Optionally, in this process, in order to reduce storage usage, the terminal device needs to delete the new local page content before storing it, that is, only one copy of the local page content is retained at the same time. For example, at the first moment, the first target email is selected, and the local page content of the first target email will be stored locally; at the next moment, the second target email is selected, and the local page content of the first target email needs to be deleted, and then the local page content of the second target email is stored.

[0083] Optionally, during this process, the terminal device may also display the main window and store the email content locally. Fig. 9 In the main window shown, there are two emails, so the terminal device can pull the email contents of both emails and store the local page contents. This makes it convenient for the user to directly open a new window to read the email, and can quickly read the local page contents of each email.

[0084] When the terminal device responds to the second operation (such as Figure 8 When the first target email is double-clicked as shown in FIG, a new window (i.e., the second window) is opened, and the entry html is loaded in the new window; then the terminal device can execute two branches at the same time:

[0085] The process of one branch is as follows: the terminal device reads the first local page content from the local storage through the entry HTML; then generates a letter reading page content mask (ie, Figure 8 ), and render the letter reading page content mask in the second window. In this embodiment, the terminal device may use the following technology when rendering the letter reading page content mask: namely, generating a rendering information table (i.e., DOM tree) in the second window according to the first local page content, and then rendering the letter reading page content mask in the second window based on the rendering information table. It should be understood that during the rendering process, the letter reading page content mask should be adjusted accordingly according to the specific size of the second window so that the second window can achieve a better display effect.

[0086] In this embodiment, the DOM (Document Object Model), which can also be called the document object model, is a standard interface specification formulated by the World Wide Web Consortium (W3C) and is a standard API for processing HTML and XML files. DOM provides an access model to the entire document, treating the document as a tree structure, and each node of the tree represents an HTML tag or a text item in the tag. The DOM tree structure accurately describes the interrelationship between tags in the HTML document. The process of converting an HTML or XML document into a DOM tree is called parsing. After the HTML document is parsed, it is converted into a DOM tree, so the processing of the HTML document can be achieved by operating the DOM tree. The DOM model not only describes the structure of the document, but also defines the behavior of the node object. Using the methods and properties of the object, the nodes and content of the DOM tree can be easily accessed, modified, added and deleted. That is, in this embodiment, after the DOM tree is generated according to the first local page content, the rendering process of the letter reading page mask can be generated, thereby realizing the rapid rendering of the letter reading page mask.

[0087] The process of another branch is as follows: the terminal device loads the dependent resources of the second window through the entry html (in this application, the dependent resources can be the js resources and CSS resources of the second window); then the terminal device executes the dependent resources to generate the real page content, and renders the real page content in the second window.

[0088] After the rendering of the real page content is completed, the terminal device can be notified through a corresponding function to hide or delete the letter reading page content mask, so that the second window can display the real page content.

[0089] It is understandable that when the second window displays the content mask of the email reading page, it is the first time that the second window displays the email content. At this time, the display content of the second window can be as follows: Figure 6 As shown, at this time Figure 6 In the interface shown, each operation icon cannot be interacted with (that is, there is no response after clicking the operation icon). When the second window displays the real page content, it is the second time that the second window displays the email content. At this time, the display content of the second window has not changed, and it is still the same as Figure 6 But at this time Figure 6 In the interface shown, each operation icon can be interactive (ie, there is a response after clicking the operation icon).

[0090] It should be understood that when the main window displays the email content, the terminal device can display the email grouping, for example, only displaying the grouping information of a certain type of email. Fig.10 As shown in the figure, the main window displays the group name and the information of the most recently received mail for the mails grouped as "No Reminder Mail". Only after clicking on the group information can the mail list in the group be displayed, and then the above methods can be used for each mail in the mail list. Figures 6 to 9 The scheme shown displays the email content.

[0091] 2. Combination Figures 11 to 13 Explain the letter writing scenario in this application

[0092] In this application scenario, the second operation should be understood as an operation of opening a letter writing window. In an exemplary solution, the second operation may be clicking a target icon (such as Fig.11 ), "Compose", "Reply", "Reply All", "Forward", etc.); You can also long press the target icon in the operation icon display area (such as Fig.11 You can also use a custom air gesture to select the target icon in the operation icon display area (for example, Fig.11 There is no specific limitation here, as long as the letter writing window can be opened.

[0093] After the terminal device responds to the second operation, a new window (i.e., the second window in this application) will be generated. In this embodiment, the first window and the second window are independent windows, and their display methods on the display screen of the terminal device can be various. For example, the display screen is divided into two areas, respectively displaying the first window and the second window; or the first window and the second window are displayed overlappingly on the display screen (i.e., only one window can be seen at the same time). In this embodiment, the second window will be used for a brand new letter writing window or to display a letter writing window based on a reply to an incoming letter (i.e., in this case, the second window will display the content of the letter and the editing page for the reply). For example, Fig.11 Displayed information: Email recipient: "AAA@XXX.com"; Email subject: "Work progress" Specific content of the email: "Work progress: 50%"; Signature content in the email: "XX company: 1234567890@qq.com Company address: yyyyyyyy Company address: zzzzzzzz"; Email sender: "AAAA"; Email recipient: "1234567890@qq.com". It should be understood that the second window can also display operation icons. Fig.11 As shown, the operation icons displayed in the second window include: "Send" and "Save". Among them, "Send" is used to indicate sending the edited email. Clicking this icon can send the current email to the recipient through the network. "Send" is used to indicate saving the edited email. Clicking this icon can save the currently edited email locally or on the server side. At the same time, the second window can also display Fig.11 The tool icons (i.e. toolbar contents) of the mail editor are shown.

[0094] In another exemplary embodiment, the new letter writing window is opened based on the corresponding operation on the letter reading window (in this case, the letter reading window is the first window, and the letter writing window is the second window). Fig.12 As shown, in the letter reading window, the information displayed is: email subject: "Work progress"; specific content of the email: "Please reply to the weekly work progress"; signature content in the email: "XX Company: AAA Company address: yyyyyyyy Company address: zzzzzzzz"; sender of the email: "AAAA"; recipient of the email: "1234567890@qq.com". It should be understood that the first window can also display operation icons. The operation icons displayed in the first window include: "Receive", "Write Email", "Delete", "Reply", "Reply All", "Forward" and "Search". Among them, "Receive" is used to indicate the collection of emails. Clicking this icon can query the server of the email application whether there is any new email at present. "Write Email" is used to indicate the creation of a new email. Clicking this icon can open the letter writing window. "Delete" is used to indicate the deletion of the currently selected email. Clicking this icon can delete the currently selected email. "Reply" is used to indicate a reply to the sender of the current email. Clicking this icon will open the compose window, and the recipients are only the sender of the current email. "Reply All" is used to indicate a reply to the sender and CC people (that is, all recipients except the current user) of the current email. Clicking this icon will open the compose window, and the recipients are the sender and CC people of the current email.

[0095] When the "Reply" icon in the letter reading window is clicked, the terminal device will generate a new window (i.e., the letter writing window in the present application) in response to the operation on the "Reply" icon (i.e., responding to the second operation). In the present embodiment, the first window and the second window are independent windows, and their display methods on the display screen of the terminal device can be various. For example, the display screen is divided into two areas, respectively displaying the first window and the second window; or the first window and the second window are displayed overlappingly on the display screen (i.e., only one window can be seen at the same time). At this time, the letter writing window will display the email content carried by the letter reading window, and also display the email editing interface of the letter writing window and the tool icons for email editing (i.e., the toolbar content). In an exemplary scheme, the letter writing window can Fig.12 As shown in , the specific displayed information is: email recipient: "AAA@XXX.com"; email subject: "Reply: Work progress"; specific content of the email: "Work progress: 50%"; signature content in the email: "XX company: 1234567890@qq.com Company address: yyyyyyyy Company address: zzzzzzzz"; email sender: "AAAA"; email recipient: "123456789@qq.com". The email quoted content is "AAAA wrote 10 minutes ago: Please reply to the weekly work progress, signature content in the email: "XX company: AAA Company address: yyyyyyyy Company address: zzzzzzzz". It should be understood that the second window can also display operation icons. For example Fig.12 As shown, the operation icons displayed in the mail reading window include: "Send" and "Save". Among them, "Send" is used to indicate sending the edited mail. Clicking this icon can send the current mail to the recipient through the network. "Send" is used to indicate saving the edited mail. Clicking this icon can save the currently edited mail locally or on the server side.

[0096] Below Fig.13 The flowchart shown illustrates the display of the email content in the writing window (i.e., the second window in this application):

[0097] When displaying the email content in the main window (i.e., the first window), in order to realize the rapid loading of the user interface content in the writing window, the terminal device can also store the user interface content locally during the main window to generate the local page content of the user interface content. Fig.11 The toolbar content shown is stored locally, and then the local page content of the toolbar content is generated.

[0098] Optionally, if the terminal device generates corresponding setting content in response to the setting operation on the setting page in the mail application, the terminal device may store the setting content locally to generate local page content of the setting content. Fig.11 The signature content is set as shown, and then the signature content is stored locally to generate local page content of the signature content.

[0099] Optionally, if the terminal device is replying to a read email, the terminal device may store the email content of the read email and generate local page content of the read email.

[0100] It should be understood that when all three of the above solutions exist, when the terminal device generates the local page content of the writing window, the local page content will include the toolbar content, the signature content and the email content of the read email.

[0101] Optionally, in this embodiment, the user interface content, the setting content and the email content of the read email can also be written into a locally stored HTML document using a render function without task-dependent resources to generate local page content of the letter writing window.

[0102] In this embodiment, the render function is used to create an HTML template. It can be understood as a functional coding method for creating page rendering components. Using the render function, you can operate the DOM and component instances more directly, and you can combine the DOM structure and code logic to write page rendering templates more flexibly. At the same time, using the render function can reduce page rendering time and memory usage, and improve page performance. The render function is often used to achieve: dynamically create components, such as dynamic forms, menus, etc.; implement complex component logic; in server-side rendering (SSR), use the render function to generate HTML content to improve performance.

[0103] Create a new email on the terminal device (you can create a new email by clicking Fig.11 After opening a new window (i.e., the second window) by clicking the "Write Email", "Reply", "Reply All", "Forward" and other icons shown in the figure, the entry HTML is loaded in the new window; then the terminal device can execute two branches at the same time:

[0104] The process of one branch is as follows: the terminal device reads the first local page content from the local storage through the entry html; then generates a letter writing page content mask according to the first local page content, and renders the letter reading page content mask in the second window. In this embodiment, when rendering the letter writing page content mask, the terminal device can adopt the following technology: that is, generating a rendering information table (i.e., DOM tree) in the second window according to the first local page content, and then rendering the letter writing page content mask in the second window based on the rendering information table. It should be understood that during the rendering process, the letter writing page content mask should be adjusted accordingly according to the specific size of the second window so that the second window can achieve a better display effect.

[0105] The process of another branch is as follows: the terminal device loads the dependent resources of the second window through the entry html (in this application, the dependent resources can be the js resources and CSS resources of the second window); then the terminal device executes the dependent resources to generate the real page content, and renders the real page content in the second window.

[0106] After the rendering of the real page content is completed, the terminal device can be notified through a corresponding function to hide or delete the letter writing page content mask, so that the second window can display the real page content.

[0107] It is understandable that when the second window displays the content mask of the letter writing page, it is the first time that the second window displays the email content. At this time, the display content of the second window can be as follows: Fig.11 As shown, at this time Fig.11 In the interface shown, each operation icon and tool icon cannot interact (that is, after clicking an operation icon or a tool icon, there is no response). When the second window displays the real page content, it is the second time that the second window displays the email content. At this time, the display content of the second window has not changed, and it is still the same as Fig.11 But at this time Fig.11 In the interface shown, each operation icon and tool icon can interact (ie, there is a response after clicking an operation icon or a tool icon).

[0108] The beneficial effects of this application are described below with specific experimental results:

[0109] like Fig.14 As shown, after adopting the email content display method provided by the present application, the first screen waiting time of the second window is significantly reduced. Fig.14 As shown, the first screen waiting time for reading an email is reduced from 500 milliseconds to less than 100 milliseconds, and the first screen waiting time for writing an email is reduced from 600 milliseconds to less than 100 milliseconds. In this embodiment, the first screen waiting time is the time from the opening of the new window to the loading of the page content.

[0110] like Fig.15 As shown, after adopting the email content display method provided by the present application, the toolbar content in the writing window can be loaded quickly to avoid the flickering of the tool icon.

[0111] The following is a detailed description of the email content display device in this application. Fig.16 , Fig.16 This is a schematic diagram of an embodiment of an email content display device in an embodiment of the present application. The email content display device 20 includes:

[0112] A first display module 201, configured to display a first window, the first window including an email list display area for currently received emails and an operation icon display area;

[0113] The second display module 202 is used to display a second window in response to a first operation on the first target object in the first window, wherein the second window is used to display a first page content mask, wherein the first page content mask is generated based on the rendering of the first local page content of the first target object, wherein the first local page content is stored in the local terminal, and the first target object is displayed in the mail list display area or the operation icon display area.

[0114] In an embodiment of the present application, a mail content display device is provided. With the above device, when a new window is opened, the page content mask is obtained by rendering the locally stored page content, and the page content mask is displayed in the new window. Since the page content stored locally is read faster, and the page content mask only renders the image information and does not need to realize real interaction, compared with directly rendering the real page, the resources for loading and rendering are less, thereby reducing the time taken for the new window to load the page content from the page being empty.

[0115] Optionally, in the above Fig.16 Based on the corresponding embodiments, Fig.17 As shown, in another embodiment of the email content display device 20 provided in the embodiment of the present application,

[0116] The device also includes a processing module 203, which is used to load the entry HTML to generate the second window in response to the first operation; load the dependent resources of the second window, where the dependent resources are used to indicate the page content of the first target object; execute the dependent resources to render the real page content of the first target object; after the real page content rendering is completed, remove the first page content mask or hide the first page content mask.

[0117] In an embodiment of the present application, a mail content display device is provided. With the above device, while rendering and displaying the page content mask, the real page content is also loaded and rendered, and after the real page content is rendered, the real page content and the page content mask are replaced by removing or hiding the page content mask, so that the page content appears instantly without the user's perception.

[0118] Optionally, in the above Fig.17 On the basis of the corresponding embodiment, in another embodiment of the email content display device 20 provided by the embodiment of the present application, the first display module 201 is used to load the entry html to generate the second window in response to the first operation;

[0119] Read the first local page content through the entry HTML;

[0120] The first page content mask is generated based on the first local page content rendering in the second window.

[0121] In an embodiment of the present application, a mail content display device is provided. The above device is used to render the page content stored locally to obtain a page content mask, and the page content mask is displayed in a new window. Since the page content stored locally is read quickly, and the page content mask only renders the image information and does not need to realize real interaction, compared with directly rendering the real page, the resources for loading and rendering are less, thereby reducing the time taken for the new window to load the page content from being empty.

[0122] Optionally, in the above Fig.17 On the basis of the corresponding embodiment, in another embodiment of the email content display device 20 provided in the embodiment of the present application,

[0123] When the first target object is the first target email in the email list display area, the second window is a mail reading window for the first target email, and the first local page content is used to indicate the email content of the first target email.

[0124] In an embodiment of the present application, a mail content display device is provided. The above device is used to render the mail page content mask stored locally, and the mail page content mask is displayed in a new window. Since the reading speed of the locally stored mail page content is fast, and the mail page content mask only renders the image information and does not need to realize real interaction, compared with directly rendering the real page, the resources for loading and rendering are less, thereby reducing the time consumption from the new window being empty to loading the mail page content.

[0125] Optionally, in the above Fig.17 Based on the corresponding embodiments, Fig.18 As shown, in another embodiment of the email content display device 20 provided in the embodiment of the present application,

[0126] The device further includes a processing module 203, wherein the processing module 203 is configured to pull the email content of the first target email in response to the second operation on the first target email;

[0127] The device further includes a storage module 204, and the storage module 204 is used to store the email content of the first target email in the local terminal to generate the first local page content.

[0128] In an embodiment of the present application, a device for displaying email content is provided. With the above device, when in the main window, the email content of the email is pulled and stored locally, thereby realizing one-to-one storage of the email content, avoiding the scenario of storing the email content of all emails, thereby reducing storage occupancy.

[0129] Optionally, in the above Fig.18 On the basis of the corresponding embodiment, in another embodiment of the email content display device 20 provided in the embodiment of the present application, the storage module 204 is used to store the email content of the first target email in HTML format in the local terminal to generate the first local page content.

[0130] In an embodiment of the present application, a mail content display device is provided. The above device is used to store the local page content in HTML format, so that the subsequent page content mask can read the local page content during the rendering process, thereby accelerating the rendering speed of the page content mask.

[0131] Optionally, in the above Fig.18 On the basis of the corresponding embodiment, in another embodiment of the email content display device 20 provided in the embodiment of the present application, the processing module 203 is used to pull the email content of the second target email in response to the third operation on the second target email in the first window;

[0132] The storage module 204 is used to delete the first local page content; store the email content of the second target email in the local terminal to generate the second local page content.

[0133] In an embodiment of the present application, a mail content display device is provided. With the above device, when new local page content is stored, the old local page content can be deleted, so that only one local page content is stored at the same time, thereby reducing storage occupancy.

[0134] Optionally, in the above Fig.18 On the basis of the corresponding embodiment, in another embodiment of the email content display device 20 provided in the embodiment of the present application,

[0135] The first window also includes an email content display area, and the first display module 201 is used to render and generate a mail reading page of the first target email based on the email content of the first target email in the email content display area.

[0136] In an embodiment of the present application, a device for displaying email content is provided. With the above device, when the main window stores the preview area, the email content can be rendered in the preview area while the email content is pulled, so that the user can preview the email content of the target email in advance, which is convenient for the user.

[0137] Optionally, in the above Fig.18 On the basis of the corresponding embodiment, in another embodiment of the email content display device 20 provided in the embodiment of the present application,

[0138] The first target object is a writing operation icon in the operation icon display area, the second window is a writing window, the first local page content includes the user interface content of the writing window, or the first local page content includes the user interface content and setting content of the writing window.

[0139] In an embodiment of the present application, a mail content display device is provided. The above device is used to render the letter writing page content stored locally to obtain a letter writing page content mask, and the letter writing page content mask is displayed in a new window. Since the locally stored letter writing page content is read quickly, and the letter writing page content mask only renders the image information and does not need to realize real interaction, compared with directly rendering the real page, it loads and renders fewer resources, thereby reducing the time taken for the new window to load the letter writing page content from an empty page, and reducing the flickering of the user interface.

[0140] Optionally, in the above Fig.18 On the basis of the corresponding embodiment, in another embodiment of the email content display device 20 provided in the embodiment of the present application,

[0141] The device also includes a processing module 203, and the processing module 203 is used to obtain the user interface content;

[0142] The device also includes a storage module 204, which is used to store the user interface content in the local terminal to generate the first local page content;

[0143] or,

[0144] The device also includes a processing module 203, and the processing module 203 is used to obtain the user interface content and the setting content;

[0145] The device also includes a storage module 204, which is used to store the user interface content and the setting content in the local terminal to generate the first local page content.

[0146] In an embodiment of the present application, a mail content display device is provided. By using the above device, fixed user interface content and optional setting content in the letter writing scene are locally stored, thereby reducing the time taken for a new window to load the letter writing page content from an empty page, and reducing the flickering of the user interface.

[0147] Optionally, in the above Fig.18 On the basis of the corresponding embodiment, in another embodiment of the email content display device 20 provided in the embodiment of the present application,

[0148] The device also includes a processing module 203, and the processing module 203 is used to write the user interface content using a render function;

[0149] The device also includes a storage module 204, which is used to store the render function in a local HTML document to generate the first local page content;

[0150] or,

[0151] The device also includes a processing module 203, and the processing module 203 is used to write the user interface content and the setting content in a render function;

[0152] The device also includes a storage module 204, which is used to store the render function in a local HTML document to generate the first local page content.

[0153] In an embodiment of the present application, a mail content display device is provided. By using the above device, the fixed user interface content and optional setting content in the letter writing scenario are stored locally through a render function without task dependency, thereby reducing the time taken for a new window to load the letter writing page content from an empty page, and reducing the flickering of the user interface.

[0154] Optionally, in the above Fig.18 On the basis of the corresponding embodiment, in another embodiment of the email content display device 20 provided in the embodiment of the present application,

[0155] The user interface content is the toolbar content of the letter writing window, and the setting content is the signature content of the letter writing account.

[0156] In an embodiment of the present application, a device for displaying email content is provided. The device is used to provide specific application scenarios for user interface content, thereby increasing the application scenarios of the solution.

[0157] The email content display device provided by this application can be used in terminal devices. Fig.19 For the sake of convenience, only the parts related to the embodiments of the present application are shown. For specific technical details not disclosed, please refer to the method part of the embodiments of the present application. In the embodiments of the present application, the terminal device is a smart phone as an example for explanation:

[0158] Fig.19 The block diagram shows a partial structure of a smart phone related to the terminal device provided in the embodiment of the present application. Fig.19 The smart phone includes: a radio frequency (RF) circuit 410, a memory 420, an input unit 430, a display unit 440, a sensor 450, an audio circuit 460, a wireless fidelity (WiFi) module 470, a processor 480, and a power supply 490. Those skilled in the art will appreciate that Fig.19 The structure of the smartphone shown in the figure does not constitute a limitation of the smartphone, and may include more or fewer components than shown in the figure, or combine certain components, or arrange the components differently.

[0159] Combine the following Fig.19 A detailed introduction to the various components of a smartphone:

[0160] The RF circuit 410 can be used for receiving and sending signals during the process of sending and receiving information or making calls. In particular, after receiving the downlink information of the base station, it is sent to the processor 480 for processing; in addition, the designed uplink data is sent to the base station. Generally, the RF circuit 410 includes but is not limited to an antenna, at least one amplifier, a transceiver, a coupler, a low noise amplifier (LNA), a duplexer, etc. In addition, the RF circuit 410 can also communicate with the network and other devices through wireless communication. The above-mentioned wireless communication can use any communication standard or protocol, including but not limited to the global system of mobile communication (GSM), general packet radio service (GPRS), code division multiple access (CDMA), wideband code division multiple access (WCDMA), long term evolution (LTE), email, short messaging service (SMS), etc.

[0161] The memory 420 can be used to store software programs and modules. The processor 480 executes various functional applications and data processing of the smartphone by running the software programs and modules stored in the memory 420. The memory 420 may mainly include a program storage area and a data storage area, wherein the program storage area may store an operating system, an application required for at least one function (such as a sound playback function, an image playback function, etc.), etc.; the data storage area may store data created according to the use of the smartphone (such as audio data, a phone book, etc.), etc. In addition, the memory 420 may include a high-speed random access memory, and may also include a non-volatile memory, such as at least one disk storage device, a flash memory device, or other volatile solid-state storage devices.

[0162] The input unit 430 can be used to receive input digital or character information, and to generate key signal input related to the user settings and function control of the smart phone. Specifically, the input unit 430 may include a touch panel 431 and other input devices 432. The touch panel 431, also known as a touch screen, can collect the user's touch operation on or near it (such as the user's operation on the touch panel 431 or near the touch panel 431 using any suitable object or accessory such as a finger, stylus, etc.), and drive the corresponding connection device according to a pre-set program. Optionally, the touch panel 431 may include two parts: a touch detection device and a touch controller. Among them, the touch detection device detects the user's touch orientation, detects the signal brought by the touch operation, and transmits the signal to the touch controller; the touch controller receives the touch information from the touch detection device, converts it into contact coordinates, and then sends it to the processor 480, and can receive and execute commands sent by the processor 480. In addition, the touch panel 431 can be implemented in various types such as resistive, capacitive, infrared, and surface acoustic waves. In addition to the touch panel 431, the input unit 430 may also include other input devices 432. Specifically, other input devices 432 may include but are not limited to one or more of a physical keyboard, function keys (such as volume control keys, switch keys, etc.), a trackball, a mouse, a joystick, etc.

[0163] The display unit 440 can be used to display information input by the user or information provided to the user and various menus of the smartphone. The display unit 440 may include a display panel 441. Optionally, the display panel 441 may be configured in the form of a liquid crystal display (LCD), an organic light-emitting diode (OLED), or the like. Further, the touch panel 431 may cover the display panel 441. When the touch panel 431 detects a touch operation on or near it, it is transmitted to the processor 480 to determine the type of touch event. Subsequently, the processor 480 provides a corresponding visual output on the display panel 441 according to the type of touch event. Although in Fig.19 In the embodiment, the touch panel 431 and the display panel 441 are used as two independent components to implement the input and output functions of the smartphone, but in some embodiments, the touch panel 431 and the display panel 441 can be integrated to implement the input and output functions of the smartphone.

[0164] The smartphone may also include at least one sensor 450, such as a light sensor, a motion sensor, and other sensors. Specifically, the light sensor may include an ambient light sensor and a proximity sensor, wherein the ambient light sensor may adjust the brightness of the display panel 441 according to the brightness of the ambient light, and the proximity sensor may turn off the display panel 441 and / or the backlight when the smartphone is moved to the ear. As a type of motion sensor, the accelerometer sensor can detect the magnitude of acceleration in all directions (generally three axes), and can detect the magnitude and direction of gravity when stationary. It can be used for applications that identify the posture of the smartphone (such as horizontal and vertical screen switching, related games, magnetometer posture calibration), vibration recognition related functions (such as pedometer, tapping), etc.; as for other sensors that can be configured in smartphones, such as gyroscopes, barometers, hygrometers, thermometers, infrared sensors, etc., they will not be repeated here.

[0165] The audio circuit 460, the speaker 461, and the microphone 462 can provide an audio interface between the user and the smartphone. The audio circuit 460 can transmit the received audio data to the speaker 461 after converting the received audio data into an electrical signal, which is converted into a sound signal for output; on the other hand, the microphone 462 converts the collected sound signal into an electrical signal, which is received by the audio circuit 460 and converted into audio data, and then the audio data is output to the processor 480 for processing, and then sent to another smartphone through the RF circuit 410, or the audio data is output to the memory 420 for further processing.

[0166] WiFi is a short-range wireless transmission technology. Smartphones can help users send and receive emails, browse web pages, and access streaming media through WiFi module 470, which provides users with wireless broadband Internet access. Fig.19 A WiFi module 470 is shown, but it is understandable that it is not an essential component of the smartphone and can be omitted as needed without changing the essence of the invention.

[0167] Processor 480 is the control center of the smartphone, which uses various interfaces and lines to connect various parts of the entire smartphone, and executes various functions of the smartphone and processes data by running or executing software programs and / or modules stored in memory 420, and calling data stored in memory 420, thereby monitoring the smartphone as a whole. Optionally, processor 480 may include one or more processing units; optionally, processor 480 may integrate an application processor and a modem processor, wherein the application processor mainly processes the operating system, user interface, and application programs, and the modem processor mainly processes wireless communications. It is understandable that the above-mentioned modem processor may not be integrated into processor 480.

[0168] The smart phone also includes a power source 490 (such as a battery) for supplying power to various components. Optionally, the power source can be logically connected to the processor 480 through a power management system, thereby managing functions such as charging, discharging, and power consumption management through the power management system.

[0169] Although not shown, the smartphone may also include a camera, a Bluetooth module, etc., which will not be described in detail here.

[0170] The steps performed by the terminal device in the above embodiment can be based on the Fig.19 The terminal device structure shown.

[0171] A computer-readable storage medium is also provided in an embodiment of the present application. The computer-readable storage medium stores a computer program, which, when executed on a computer, enables the computer to execute the methods described in the aforementioned embodiments.

[0172] The present application also provides a computer program product including a program, which, when executed on a computer, enables the computer to execute the methods described in the aforementioned embodiments.

[0173] Those skilled in the art can clearly understand that, for the convenience and brevity of description, the specific working processes of the systems, devices and units described above can refer to the corresponding processes in the aforementioned method embodiments and will not be repeated here.

[0174] In the several embodiments provided in the present application, it should be understood that the disclosed systems, devices and methods can be implemented in other ways. For example, the device embodiments described above are only schematic. For example, the division of the units is only a logical function division. There may be other division methods in actual implementation, such as multiple units or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be an indirect coupling or communication connection through some interfaces, devices or units, which can be electrical, mechanical or other forms.

[0175] The units described as separate components may or may not be physically separated, and the components shown as units may or may not be physical units, that is, they may be located in one place or distributed on multiple network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.

[0176] In addition, each functional unit in each embodiment of the present application may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit. The above-mentioned integrated unit may be implemented in the form of hardware or in the form of software functional units.

[0177] If the integrated unit is implemented in the form of a software functional unit and sold or used as an independent product, it can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of the present application is essentially or the part that contributes to the prior art or all or part of the technical solution can be embodied in the form of a software product, and the computer software product is stored in a storage medium, including a number of instructions to enable a computer device (which can be a personal computer, a server, or a network device, etc.) to perform all or part of the steps of the method described in each embodiment of the present application. The aforementioned storage medium includes: U disk, mobile hard disk, read-only memory (ROM), random access memory (RAM), disk or optical disk and other media that can store program code.

[0178] As described above, the above embodiments are only used to illustrate the technical solutions of the present application, rather than to limit them. Although the present application has been described in detail with reference to the aforementioned embodiments, those skilled in the art should understand that they can still modify the technical solutions described in the aforementioned embodiments, or make equivalent replacements for some of the technical features therein. However, these modifications or replacements do not deviate the essence of the corresponding technical solutions from the spirit and scope of the technical solutions of the embodiments of the present application. < / video> < / progress> < / output> < / nav> < / details> < / datalist> < / canvas> < / audio> < / aside> < / section> < / article> < / footer> < / header>

Claims

1. A method for displaying email content, characterized in that: include: Displaying a first window, wherein the first window includes an email list display area for currently received emails and an operation icon display area; In response to a first operation on a first target object in the first window, a second window is displayed, wherein the second window is used to display a first page content mask, wherein the first page content mask is generated based on first local page content rendering of the first target object, wherein the first local page content is stored in a local terminal, and the first target object is displayed in the mail list display area or the operation icon display area.

2. The method according to claim 1, characterized in that: The method further comprises: In response to the first operation, loading an entry hypertext markup language HTML to generate the second window; Loading a dependent resource of the second window, where the dependent resource is used to indicate the page content of the first target object; Execute the dependent resource to render the real page content of the first target object; After the real page content rendering is completed, the first page content mask is removed or hidden.

3. The method according to claim 1, characterized in that The displaying the second window comprises: In response to the first operation, loading the entry HTML to generate the second window; Read the first local page content through the entry HTML; The first page content mask is generated based on the first local page content rendering in the second window.

4. The method according to any one of claims 1 to 3, characterized in that When the first target object is the first target email in the email list display area, the second window is a mail reading window for the first target email, and the first local page content is used to indicate the email content of the first target email.

5. The method according to claim 4, characterized in that The method further comprises: In response to a second operation on the first target email, pulling email content of the first target email; The email content of the first target email is stored in the local terminal to generate the first local page content.

6. The method according to claim 5, characterized in that The step of storing the email content of the first target email in the local terminal to generate the first local page content includes: The email content of the first target email is stored in the local terminal in HTML format to generate the first local page content.

7. The method according to claim 6, characterized in that The method further comprises: In response to a third operation on a second target email in the first window, pulling email content of the second target email; Deleting the first local page content; The email content of the second target email is stored in the local terminal to generate second local page content.

8. The method according to claim 5, characterized in that The first window further includes an email content display area. After pulling the email content of the first target email in response to the second operation on the first target email, the method further includes: A mail reading page of the first target mail is generated in the mail content display area based on the mail content of the first target mail.

9. The method according to any one of claims 1 to 3, characterized in that The first target object is a writing operation icon in the operation icon display area, the second window is a writing window, the first local page content includes the user interface content of the writing window, or the first local page content includes the user interface content and setting content of the writing window.

10. The method according to claim 9, characterized in that The method further comprises: Obtaining the user interface content; Storing the user interface content in the local terminal to generate the first local page content; or, Acquire the user interface content and the setting content; The user interface content and the setting content are stored in the local terminal to generate the first local page content.

11. The method according to claim 9, characterized in that The method further comprises: Writing the user interface content in a render function and storing the render function in a local HTML document to generate the first local page content; or, The user interface content and the setting content are written in a render function, and the render function is stored in a local HTML document to generate the first local page content.

12. The method according to any one of claims 9 to 11, characterized in that The user interface content is the toolbar content of the letter writing window, and the setting content is the signature content of the letter writing account.

13. A mail content display device, characterized in that: include: A first display module, used to display a first window, wherein the first window includes an email list display area for currently received emails and an operation icon display area; A second display module is used to display a second window in response to a first operation on the first target object in the first window, wherein the second window is used to display a first page content mask, wherein the first page content mask is generated based on the rendering of a first local page content of the first target object, wherein the first local page content is stored in a local terminal, and the first target object is displayed in the mail list display area or the operation icon display area.

14. A computer device, characterized in that: include: Memory, processor, and bus system; Wherein, the memory is used to store programs; The processor is used to execute the program in the memory, and the processor is used to execute the method according to any one of claims 1 to 12 according to the instructions in the program code; The bus system is used to connect the memory and the processor so that the memory and the processor can communicate with each other.

15. A computer-readable storage medium comprising instructions, which, when executed on a computer, causes the computer to perform the method according to any one of claims 1 to 12.

Images