Commodity detail page display method and device, equipment and storage medium

Abstract

The invention discloses a commodity detail page display method and device, equipment and a storage medium, whether a user browsing behavior occurs in a shopping browser or not is monitored in real time, and when it is monitored that the user browsing behavior occurs in the shopping browser, whether the shopping browser enters an idle state or not is monitored in real time; when it is monitored that the shopping browser enters the idle state, all commodities in the current page are determined; for each commodity, constructing a detail page identifier of the commodity; pre-loading a page code of a detail page of the commodity by utilizing the detail page identifier; determining a display window for displaying the commodity; and in response to a request instruction for performing detail page display on the commodity initiated by a user, performing detail page display on the commodity in the display window based on the page code. According to the method, the page code of the detail page of each commodity is pre-loaded, so that the content of the detail page can be immediately presented to the user after the user clicks the detail page, and the shopping efficiency and experience of the user are improved.

Description

Technical Field

[0001] The present application relates to the technical field of product display, and in particular to a method, device, equipment and storage medium for displaying a product detail page. Background Art

[0002] In the era of booming e-commerce, displaying product details has become a key link influencing consumers' purchasing decisions. With the rapid evolution of Internet technology, users have put forward increasingly stringent requirements on the visual presentation, information acquisition speed and interactive experience of product details pages.

[0003] However, when users are browsing the shopping browser, the browser will be idle from time to time, waiting for interaction with the user. During this period, the shopping browser does not fully utilize its resources for optimization. As a result, when users want to view the details page, they need to wait for some time to view it due to slow loading, which affects the user experience. Summary of the invention

[0004] In view of this, the present application provides a method, device, equipment and storage medium for displaying a product details page, which is used to solve the problem that when a user wants to view the details page, it loads slowly and takes some time to view it, affecting the user experience.

[0005] To achieve the above objectives, the proposed solution is as follows:

[0006] In a first aspect, a method for displaying a product details page includes:

[0007] Real-time monitoring of whether a user browsing behavior occurs in the shopping browser, and when the user browsing behavior is detected in the shopping browser, real-time monitoring of whether the shopping browser enters an idle state;

[0008] When monitoring that the shopping browser enters an idle state, determining all the commodities in the current page;

[0009] For each of the products, construct a detail page identifier for the product;

[0010] Pre-loading the page code of the product's details page using the details page identifier;

[0011] Determine the display window in which the product is displayed;

[0012] In response to a request instruction initiated by a user to display a detail page of the product, the detail page of the product is displayed in the display window based on the page code.

[0013] Preferably, the real-time monitoring of whether the shopping browser enters an idle state includes:

[0014] Monitor in real time whether the current page of the shopping browser enters a stopped scrolling state, and monitor in real time whether the input box of the current page enters a stopped input state;

[0015] Determine the earliest time and the latest time when the scrolling stop state of the current page and the input stop state of the input box exist simultaneously;

[0016] Determine a time period between the earliest time and the latest time;

[0017] If the time period is not less than a preset time period threshold, it is determined that the shopping browser is monitored to enter an idle state;

[0018] If the time period is less than the time period threshold, it is determined that the shopping browser has not entered an idle state.

[0019] Preferably, for each of the commodities, constructing a detail page identifier of the commodity includes:

[0020] For each of the products, obtain the page type of the product details page, and determine the protocol information of the product details page based on the page type;

[0021] Determine the e-commerce platform to which the product belongs, and determine the domain name information of the product details page based on the e-commerce platform;

[0022] Acquire the structural organization form of the shopping browser, and determine each path element corresponding to the product according to the structural organization form;

[0023] Combine the path elements to obtain the path information of the product details page;

[0024] The protocol information, domain name information, and path information of the product details page are combined to obtain the product details page identifier.

[0025] Preferably, the step of preloading the page code of the product's detail page by using the detail page identifier includes:

[0026] Obtaining a preloaded protocol for the shopping browser;

[0027] Configuring the detail page identifier as a parameter of the preloading protocol, so that the preloading protocol uses the detail page identifier to locate the code;

[0028] After the code is located, a page code acquisition request is initiated using the preload protocol configured with parameters to obtain the page code of the product details page;

[0029] Cache the page code of the product details page on the current page.

[0030] Preferably, determining a display window for displaying the product includes:

[0031] Determine the area in which the product will be displayed;

[0032] Set the width and height within the area;

[0033] Perform data volume analysis on the page code of the product details page to determine the window size required to display the content;

[0034] Calculate a scaling ratio based on the width, height and window size;

[0035] The window size is scaled according to the scaling ratio to determine a display window.

[0036] Preferably, in response to a request instruction initiated by a user to display a detail page of the product, displaying the detail page of the product in the display window based on the page code includes:

[0037] In response to a request instruction initiated by a user to display a detail page of the product, determining whether the page code contains a requested resource;

[0038] If so, obtain display resources;

[0039] Sending a pre-established detail page display option window to the current page, so that the user can select in the detail page display option window;

[0040] The details page of the product is displayed in the display window according to the user's selection.

[0041] Preferably, displaying the details page of the product in the display window according to the user's selection includes:

[0042] If the user's selection is original display, generating display information corresponding to the display resource in the display window;

[0043] If the user's selection is adaptive display, generating display information corresponding to the page code in the display window;

[0044] Jump the current page to the display window.

[0045] In a second aspect, a display device for a product details page includes:

[0046] A monitoring and listening module is used to monitor in real time whether a user browsing behavior occurs in the shopping browser, and when a user browsing behavior is detected in the shopping browser, monitor in real time whether the shopping browser enters an idle state;

[0047] A commodity determination module, for determining all commodities in the current page when monitoring that the shopping browser enters an idle state;

[0048] A detail page identifier construction module, used for constructing a detail page identifier of each of the products;

[0049] A page code preloading module, used to preload the page code of the product's detail page using the detail page identifier;

[0050] A display window determination module, used to determine a display window for displaying the product;

[0051] The detail page display module is used to respond to a request instruction initiated by a user to display the detail page of the product, and display the detail page of the product in the display window based on the page code.

[0052] In a third aspect, a display device for a product detail page includes a memory and a processor;

[0053] The memory is used to store programs;

[0054] The processor is used to execute the program to implement each step of the method for displaying a product details page as described in any one of the first aspects.

[0055] In a fourth aspect, a storage medium stores a computer program, and when the computer program is executed by a processor, the computer program implements the steps of the method for displaying a product details page as described in any one of the first aspects.

[0056] It can be seen from the above technical solution that the present application monitors in real time whether user browsing behavior occurs in the shopping browser. When user browsing behavior occurs in the shopping browser, it monitors in real time whether the shopping browser enters an idle state; when it monitors that the shopping browser enters an idle state, it determines all the products in the current page; for each of the products, a detail page identifier of the product is constructed; the page code of the detail page of the product is pre-loaded using the detail page identifier; a display window for displaying the product is determined; and in response to a request instruction initiated by the user to display the detail page of the product, the detail page of the product is displayed in the display window based on the page code. The present application monitors the user browsing behavior of the shopping browser in real time. When the user browsing behavior is detected, the browser status monitoring is actually started to monitor whether the browser has entered an idle state. This is because after the shopping browser enters the idle state, it is considered that the user is about to initiate an instruction or action to browse the detail page. Therefore, all the products in the current page are determined, and a detail page identifier is constructed. For each product, the page code of the detail page of each product is pre-loaded using the detail page identifier. In this way, the content of the detail page can be immediately presented to the user after the user clicks on the detail page, wherein a display window is determined for displaying the content of the detail page. The present application can improve the user's shopping efficiency and greatly improve the user experience. BRIEF DESCRIPTION OF THE DRAWINGS

[0057] In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings required for use in the embodiments or the description of the prior art will be briefly introduced below. Obviously, the drawings described below are only embodiments of the present invention. For ordinary technicians in this field, other drawings can be obtained based on the provided drawings without paying creative work.

[0058] Figure 1 An optional flow chart of a method for displaying a product details page provided in an embodiment of the present application;

[0059] Figure 2 A schematic diagram of the structure of a display device for a product details page provided in an embodiment of the present application;

[0060] Figure 3 A schematic diagram of the structure of a device for displaying a product details page provided in an embodiment of the present application. DETAILED DESCRIPTION

[0061] The following will be combined with the drawings in the embodiments of the present application to clearly and completely describe the technical solutions in the embodiments of the present application. Obviously, the described embodiments are only part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by ordinary technicians in this field without creative work are within the scope of protection of this application.

[0062] In the era of booming e-commerce, displaying product details has become a key link influencing consumers' purchasing decisions. With the rapid evolution of Internet technology, users have put forward increasingly stringent requirements on the visual presentation, information acquisition speed and interactive experience of product details pages.

[0063] However, when users are browsing the shopping browser, the browser will be idle from time to time, waiting for interaction with the user. During this period, the shopping browser does not fully utilize its resources for optimization. As a result, when users want to view the details page, they need to wait for some time to view it due to slow loading, which affects the user experience.

[0064] In order to solve the above problems of the prior art, an embodiment of the present invention provides a method for displaying a product details page, which can be used in many general or special computing device environments or configurations, such as personal computers, server computers, handheld devices or portable devices, tablet devices, multi-processor devices, and distributed computing environments including any of the above devices or equipment.

[0065] The method can also be applied to various computer terminals or intelligent terminals, and its execution subject can be a processor or server of the computer terminal or intelligent terminal. The method flow chart of the method is as follows: Figure 1 As shown, specifically including:

[0066] S1: monitoring in real time whether a user browsing behavior occurs in a shopping browser, and when monitoring the user browsing behavior occurs in the shopping browser, monitoring in real time whether the shopping browser enters an idle state.

[0067] In order to ensure efficiency, it is monitored in real time whether the shopping browser has any user browsing behavior, that is, whether the user has scrolled the page, clicked the page, etc. If so, it is considered that the shopping browser is being used by a user. Then, from the first moment of the user browsing behavior, it is possible to start monitoring whether the shopping browser enters an idle state. The idle state exists because the user does not operate the current page of the browser, such as the user is carefully viewing a certain product on the current page, or is carefully comparing the differences between certain products. Therefore, this application takes this aspect into consideration and sets a setting to pre-load the details page content in the idle state.

[0068] S2: When it is monitored that the shopping browser enters an idle state, all commodities in the current page are determined.

[0069] When the shopping browser is detected to be idle, all the products on the current page can be quickly determined. Specifically, the product ID, basic product information, etc. can be determined for the construction of the subsequent detail page identifier.

[0070] The product determination process may include: first, parsing the page DOM, such as parsing the document object model of the current page. DOM is a way for browsers to represent the structure of web page documents. By parsing DOM, information about each element in the page can be obtained, including those elements related to product display, such as product images, product names, price tags, product descriptions, etc.; after the parsing is completed, identifying which elements are related to the product from the many elements in the current page, such as product images have their specific class names, attributes, etc., product names may be located in specific HTML tags, and product prices may have specific formats or positions. Therefore, through these features, all product elements in the current page can be determined for subsequent product determination; finally, complete product information can be extracted from these elements, and the extracted product information is the product determined in this step.

[0071] S3: For each of the products, construct a detail page identifier of the product.

[0072] Since there is more than one product on the current page, the user may want to view the details page of any product, so the next steps are performed for each product separately.

[0073] For any product, a details page identifier of the product, i.e., the details page URL, is constructed. It refers to the uniform resource locator used to locate and access the details information page of a specific product, service, content, etc. In an e-commerce environment, the details page URL can be regarded as a key that can open the door to the details information of a specific product and guide the user to visit a page containing all the detailed information of the product. Therefore, in order to display the product details page, this application must first obtain the details page identifier.

[0074] S4: pre-load the page code of the product's detail page using the detail page identifier.

[0075] If you want to use the detail page identifier to preload the page code of the product detail page, you can initiate a request in the background based on the detail page identifier, obtain the page code of the corresponding detail page in advance and cache it, such as setting an element to trigger the preloading operation.

[0076] It should be noted that before preloading, you need to ensure the accuracy and completeness of the detail page identifier. An incorrect detail page identifier cannot accurately load the corresponding page code.

[0077] In addition, in order to ensure that users can finally view the details page content that is effective and accurate, each product needs to be analyzed. For example, the information of some products will be updated frequently, so the page code pre-loaded for this product needs to be set with a shorter validity period to prevent users from accessing outdated details.

[0078] S5: Determine a display window for displaying the product.

[0079] Since the content of the detail page corresponding to the page code varies in size, in order to display it in a unified manner, this application also sets up a display window link to determine the display of the goods, which can make the page tidy and optimize the user's visual effect.

[0080] S6: In response to a request instruction initiated by the user to display a detail page of the product, the detail page of the product is displayed in the display window based on the page code.

[0081] After the pre-loading is completed, the trigger action of waiting for the user to actually click to enter the details page is waited for. Then, in response to the user's request instruction to display the details page of the product, the page code pre-loaded in the above steps is used to display the details page in the display window.

[0082] It can be seen from the above technical solution that the present application monitors in real time whether user browsing behavior occurs in the shopping browser. When user browsing behavior occurs in the shopping browser, it monitors in real time whether the shopping browser enters an idle state; when it monitors that the shopping browser enters an idle state, it determines all the products in the current page; for each of the products, a detail page identifier of the product is constructed; the page code of the detail page of the product is pre-loaded using the detail page identifier; a display window for displaying the product is determined; and in response to a request instruction initiated by the user to display the detail page of the product, the detail page of the product is displayed in the display window based on the page code. The present application monitors the user browsing behavior of the shopping browser in real time. When the user browsing behavior is detected, the browser status monitoring is actually started to monitor whether the browser has entered an idle state. This is because after the shopping browser enters the idle state, it is considered that the user is about to initiate an instruction or action to browse the detail page. Therefore, all the products in the current page are determined, and a detail page identifier is constructed. For each product, the page code of the detail page of each product is pre-loaded using the detail page identifier. In this way, the content of the detail page can be immediately presented to the user after the user clicks on the detail page, wherein a display window is determined for displaying the content of the detail page. The present application can improve the user's shopping efficiency and greatly improve the user experience.

[0083] In the method provided in the embodiment of the present invention, the process of monitoring in real time whether the shopping browser enters the idle state is specifically described as follows:

[0084] Monitor in real time whether the current page of the shopping browser enters a stopped scrolling state, and monitor in real time whether the input box of the current page enters a stopped input state;

[0085] Determine the earliest time and the latest time when the scrolling stop state of the current page and the input stop state of the input box exist simultaneously;

[0086] Determine a time period between the earliest time and the latest time;

[0087] If the time period is not less than a preset time period threshold, it is determined that the shopping browser is monitored to enter an idle state;

[0088] If the time period is less than the time period threshold, it is determined that the shopping browser has not entered an idle state.

[0089] Specifically, the judgment criteria for monitoring whether the shopping browser enters the idle state can be approached from two aspects, namely, the stop scrolling state of the current page and the stop input state of the current page input box. That is to say, only when the current page stops scrolling and the current page input box stops inputting, can it be said that the shopping browser is currently idle and the user is not operating. In addition, on the computer side, the third aspect can also be involved, namely, whether the mouse is idle and not moving, which can also indicate that the shopping browser is currently idle.

[0090] However, there may be many time points when the scrolling stop state and the input stop state exist at the same time. In this case, the first time point when the two states exist at the same time is determined, and then the last time point when the two states exist at the same time is determined, which are respectively taken as the earliest time point and the latest time point. Since the shopping browser may exist in these two states at the same time for a short period of time, only when the time period between the earliest time point and the latest time point is longer can it be considered that the user is about to view the details page. Therefore, a time period threshold is set. Only when the time period is not less than the time period threshold can it be determined that the shopping browser has entered the idle state.

[0091] The monitoring standards set in this way are more comprehensive and can accurately understand the user's shopping intentions, whether to continue browsing or enter the details page.

[0092] The following is a detailed description of the process of constructing a detail page identifier for each of the products in this application.

[0093] For each of the products, obtain the page type of the product details page, and determine the protocol information of the product details page based on the page type;

[0094] Determine the e-commerce platform to which the product belongs, and determine the domain name information of the product details page based on the e-commerce platform;

[0095] Acquire the structural organization form of the shopping browser, and determine each path element corresponding to the product according to the structural organization form;

[0096] Combine the path elements to obtain the path information of the product details page;

[0097] The protocol information, domain name information, and path information of the product details page are combined to obtain the product details page identifier.

[0098] Specifically, the details page identifier contains three parts, namely protocol information, domain name information and path information. Therefore, by obtaining these three information separately and then combining them, the details page identifier can be obtained.

[0099] Among them, in the protocol information, common protocols include "http: / / " and "https: / / ". "https: / / " is an encrypted hypertext transfer protocol, which is safer in scenarios involving user information and financial transactions such as e-commerce. If the product details page uses a secure connection, then the protocol part is "https: / / ". If there is no special description, it may be "http: / / ". Therefore, when determining the protocol information in this step, determine the page type of the product details page, whether it is a secure type or a normal type, and thus determine which protocol it is.

[0100] Domain name information is usually associated with an e-commerce platform, so by determining the e-commerce platform to which the product belongs, the domain name information can be determined.

[0101] Shopping browsers generally set up an internal structure organization for the details page, such as a structure organization of "product category / brand / product number / details page file", in which the product category, brand, product number, and details page file are path elements.

[0102] The three types of information can be combined by sequentially concatenating them and separating them with some symbols, such as "?", "&", etc.

[0103] Next, the specific steps of preloading the page code of the product's details page using the details page identifier in this application include:

[0104] Obtaining a preloaded protocol for the shopping browser;

[0105] Configuring the detail page identifier as a parameter of the preloading protocol, so that the preloading protocol uses the detail page identifier to locate the code;

[0106] After the code is located, a page code acquisition request is initiated using the preload protocol configured with parameters to obtain the page code of the product details page;

[0107] Cache the page code of the product details page on the current page.

[0108] Specifically, the preloading protocol refers to API, i.e., Application Programming Interface, which is an organization and protocol used for interaction and communication between different software organizations, systems or applications. You can choose fetch or IntersectionObserver. For example, in JavaScript, fetch is used as a function. When it is used for preloading, the details page identifier is used as a parameter of fetch, so that fetch can use the details page identifier to locate the code. After locating, a page code acquisition request can be initiated to obtain the page code, and the page code can be cached, such as caching it in the current page, so that when the user initiates the display of the details page, it can respond immediately.

[0109] Optionally, the process of determining the display window for displaying the product may include the following steps:

[0110] Determine the area in which the product will be displayed;

[0111] Set the width and height within the area;

[0112] Perform data volume analysis on the page code of the product details page to determine the window size required to display the content;

[0113] Calculate a scaling ratio based on the width, height and window size;

[0114] The window size is scaled according to the scaling ratio to determine a display window.

[0115] Specifically, first, an area range that can display the product details page can be determined on the current page of the shopping browser, such as the size of the display currently used by the user, to determine the width and height. Since the amount of data in the page code varies, data volume analysis is also required to determine the appropriate window size. Then, the scaling ratio is calculated based on the width, height and window size, and the window size is adjusted according to the scaling ratio to adapt to the display, thereby obtaining a display window of a determined size.

[0116] If you start with the product image and display the details page, you can calculate the zoom ratio of the product image. You can use drawing tools, or use a tag canvas for drawing graphics on a web page. Use the canvas API to draw the product image in the canvas element, scale it according to the zoom ratio, and convert the scaled product image to DataURL and store it in the local client. DataURL is a data format in which the image is encoded in text format. Converting the product image to DataURL can facilitate data transmission and storage and improve efficiency.

[0117] Further, after everything is ready, wait for the user to initiate the display of the details page. When the user initiates, respond to the corresponding request instruction and display the details page of the product in the display window based on the page code. Specifically, the following steps may be included:

[0118] In response to a request instruction initiated by a user to display a detail page of the product, determining whether the page code contains a requested resource;

[0119] If so, obtain display resources;

[0120] Sending a pre-established detail page display option window to the current page, so that the user can select in the detail page display option window;

[0121] The details page of the product is displayed in the display window according to the user's selection.

[0122] Specifically, the request resource is an important basis for obtaining the content of the detail page, so first determine whether the page code contains the request resource. Only if it is included can the resource be obtained for detail page display. In addition, options can be provided to users, such as users choose to display the entire content of the detail page. If the user only wants to view part of the content, the entire detail page content is not needed, or the user chooses to display the reduced content / part of the content of the detail page, to improve flexibility.

[0123] The process of displaying the details page of the product in the display window according to the user's selection includes:

[0124] If the user's selection is original display, generating display information corresponding to the display resource in the display window;

[0125] If the user's selection is adaptive display, generating display information corresponding to the page code in the display window;

[0126] Jump the current page to the display window.

[0127] Specifically, if the product picture is used as the starting point for the detail page display, optimization can be performed for specific resources. If the user selects the original display, the original product picture is determined based on the display resource and then displayed in the display window. If the user selects the adaptive display, the scaled picture is displayed in the display window. This can also optimize the image loading, improve the page performance, save traffic, and reduce the impact on the page loading speed.

[0128] and Figure 1 Corresponding to the method described above, the embodiment of the present invention also provides a display device for a product details page, for displaying Figure 1 In the specific implementation of the method, the display device of the product details page provided by the embodiment of the present invention can be used in a computer terminal or various mobile devices, combined with Figure 2 , introduce the display device of the product details page, such as Figure 2 As shown, the device may include:

[0129] The monitoring module 10 is used to monitor in real time whether a user browsing behavior occurs in the shopping browser. When a user browsing behavior is detected in the shopping browser, the monitoring module 10 monitors in real time whether the shopping browser enters an idle state.

[0130] A commodity determination module 20, configured to determine all commodities in the current page when monitoring that the shopping browser enters an idle state;

[0131] A detail page identifier construction module 30 is used to construct a detail page identifier of each of the products;

[0132] A page code preloading module 40 is used to preload the page code of the product's detail page using the detail page identifier;

[0133] A display window determination module 50, used to determine a display window for displaying the product;

[0134] The detail page display module 60 is used to respond to a request instruction initiated by a user to display the detail page of the product, and display the detail page of the product in the display window based on the page code.

[0135] It can be seen from the above technical solution that the present application monitors in real time whether user browsing behavior occurs in the shopping browser. When user browsing behavior occurs in the shopping browser, it monitors in real time whether the shopping browser enters an idle state; when it monitors that the shopping browser enters an idle state, it determines all the products in the current page; for each of the products, a detail page identifier of the product is constructed; the page code of the detail page of the product is pre-loaded using the detail page identifier; a display window for displaying the product is determined; and in response to a request instruction initiated by the user to display the detail page of the product, the detail page of the product is displayed in the display window based on the page code. The present application monitors the user browsing behavior of the shopping browser in real time. When the user browsing behavior is detected, the browser status monitoring is actually started to monitor whether the browser has entered an idle state. This is because after the shopping browser enters the idle state, it is considered that the user is about to initiate an instruction or action to browse the detail page. Therefore, all the products in the current page are determined, and a detail page identifier is constructed. For each product, the page code of the detail page of each product is pre-loaded using the detail page identifier. In this way, the content of the detail page can be immediately presented to the user after the user clicks on the detail page, wherein a display window is determined for displaying the content of the detail page. The present application can improve the user's shopping efficiency and greatly improve the user experience.

[0136] Furthermore, the embodiment of the present application provides a display device for a product details page. Optionally, Figure 3 The hardware structure diagram of the display device of the product details page is shown. Figure 3 The hardware structure of the display device of the product details page may include: at least one processor 01, at least one communication interface 02, at least one memory 03 and at least one communication bus 04.

[0137] In the embodiment of the present application, the number of the processor 01 , the communication interface 02 , the memory 03 , and the communication bus 04 is at least one, and the processor 01 , the communication interface 02 , and the memory 03 communicate with each other through the communication bus 04 .

[0138] The processor 01 may be a central processing unit (CPU), or an application specific integrated circuit (ASIC), or one or more integrated circuits configured to implement the embodiments of the present invention.

[0139] The memory 03 may include a high-speed RAM memory, and may also include a non-volatile memory (non-volatile memory), etc., such as at least one disk memory.

[0140] The memory stores a program, and the processor can call the program stored in the memory, and the program is used to execute the following method for displaying the product details page, including:

[0141] Real-time monitoring of whether a user browsing behavior occurs in the shopping browser, and when the user browsing behavior is detected in the shopping browser, real-time monitoring of whether the shopping browser enters an idle state;

[0142] When monitoring that the shopping browser enters an idle state, determining all the commodities in the current page;

[0143] For each of the products, construct a detail page identifier for the product;

[0144] Pre-loading the page code of the product's details page using the details page identifier;

[0145] Determine the display window in which the product is displayed;

[0146] In response to a request instruction initiated by a user to display a detail page of the product, the detail page of the product is displayed in the display window based on the page code.

[0147] Optionally, the detailed functions and extended functions of the program may refer to the description of the method for displaying the product details page in the method embodiment.

[0148] The embodiment of the present application further provides a storage medium, which can store a program suitable for execution by a processor, and when the program is executed, controls the device where the storage medium is located to execute the following method for displaying a product details page, including:

[0149] Real-time monitoring of whether a user browsing behavior occurs in the shopping browser, and when the user browsing behavior is detected in the shopping browser, real-time monitoring of whether the shopping browser enters an idle state;

[0150] When it is detected that the shopping browser enters an idle state, all commodities in the current page are determined;

[0151] For each of the products, construct a detail page identifier for the product;

[0152] Pre-loading the page code of the product's details page using the details page identifier;

[0153] Determine the display window in which the product is displayed;

[0154] In response to a request instruction initiated by a user to display a detail page of the product, the detail page of the product is displayed in the display window based on the page code.

[0155] Specifically, the storage medium may be a computer-readable storage medium, and the computer-readable storage medium may be an electronic memory such as a flash memory, an EEPROM (Electrically Erasable Programmable Read-Only Memory), an EPROM, a hard disk or a ROM.

[0156] Optionally, the detailed functions and extended functions of the program may refer to the description of the method for displaying the product details page in the method embodiment.

[0157] In addition, the functional modules in the various embodiments of the present disclosure can be integrated together to form an independent part, or each module can exist separately, or two or more modules can be integrated to form an independent part. If the function is implemented in the form of a software functional module 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 disclosure is essentially or the part that contributes to the prior art or the part of the technical solution can be embodied in the form of a software product, which is stored in a storage medium and includes a number of instructions for a computer device (which can be a personal computer, a live broadcast device, or a network device, etc.) to perform all or part of the steps of the methods of the various embodiments of the present disclosure.

[0158] Finally, it should be noted that, in this article, relational terms such as first and second, etc. are only used to distinguish one entity or operation from another entity or operation, and do not necessarily require or imply any such actual relationship or order between these entities or operations. Moreover, the terms "include", "comprise" or any other variants thereof are intended to cover non-exclusive inclusion, so that a process, method, article or device including a series of elements includes not only those elements, but also other elements not explicitly listed, or also includes elements inherent to such process, method, article or device. In the absence of further restrictions, the elements defined by the sentence "comprise a ..." do not exclude the presence of other identical elements in the process, method, article or device including the elements.

[0159] The various embodiments in this specification are described in a progressive manner, and each embodiment focuses on the differences from other embodiments. The same or similar parts between the various embodiments can be referenced to each other.

[0160] The above description of the disclosed embodiments enables those skilled in the art to implement or use the present application. Various modifications to these embodiments will be apparent to those skilled in the art, and the general principles defined herein may be implemented in other embodiments without departing from the spirit or scope of the present application. Therefore, the present application will not be limited to the embodiments shown herein, but will conform to the widest scope consistent with the principles and novel features disclosed herein.

Claims

1. A method for displaying a product details page, characterized in that: include: Real-time monitoring of whether a user browsing behavior occurs in the shopping browser, and when the user browsing behavior is detected in the shopping browser, real-time monitoring of whether the shopping browser enters an idle state; When monitoring that the shopping browser enters an idle state, determining all the commodities in the current page; For each of the products, construct a detail page identifier for the product; Pre-loading the page code of the product's details page using the details page identifier; Determine the display window in which the product is displayed; In response to a request instruction initiated by a user to display a detail page of the product, the detail page of the product is displayed in the display window based on the page code.

2. The method according to claim 1, characterized in that The real-time monitoring of whether the shopping browser enters an idle state includes: Monitor in real time whether the current page of the shopping browser enters a stopped scrolling state, and monitor in real time whether the input box of the current page enters a stopped input state; Determine the earliest time and the latest time when the scrolling stop state of the current page and the input stop state of the input box exist simultaneously; Determine a time period between the earliest time and the latest time; If the time period is not less than a preset time period threshold, it is determined that the shopping browser is monitored to enter an idle state; If the time period is less than the time period threshold, it is determined that the shopping browser has not entered an idle state.

3. The method according to claim 1, characterized in that: The step of constructing a detail page identifier of each of the products includes: For each of the products, obtain the page type of the product details page, and determine the protocol information of the product details page based on the page type; Determine the e-commerce platform to which the product belongs, and determine the domain name information of the product details page based on the e-commerce platform; Acquire the structural organization form of the shopping browser, and determine each path element corresponding to the product according to the structural organization form; Combine the path elements to obtain the path information of the product details page; The protocol information, domain name information, and path information of the product details page are combined to obtain the product details page identifier.

4. The method according to claim 1, characterized in that The page code of the detail page of the product is preloaded by using the detail page identifier, including: Obtaining a preloaded protocol for the shopping browser; Configuring the detail page identifier as a parameter of the preloading protocol, so that the preloading protocol uses the detail page identifier to locate the code; After the code is located, a page code acquisition request is initiated using the preload protocol configured with parameters to obtain the page code of the product details page; Cache the page code of the product details page on the current page.

5. The method according to claim 1, characterized in that The step of determining a display window for displaying the product includes: Determine the area in which the product will be displayed; Set the width and height within the area; Perform data volume analysis on the page code of the product details page to determine the window size required to display the content; Calculate a scaling ratio based on the width, height and window size; The window size is scaled according to the scaling ratio to determine a display window.

6. The method according to any one of claims 1 to 5, characterized in that The step of responding to a request instruction initiated by a user to display a detail page of the product, and displaying the detail page of the product in the display window based on the page code, comprises: In response to a request instruction initiated by a user to display a detail page of the product, determining whether the page code contains a requested resource; If so, obtain display resources; Sending a pre-established detail page display option window to the current page, so that the user can select in the detail page display option window; The details page of the product is displayed in the display window according to the user's selection.

7. The method according to claim 6, characterized in that The displaying of the details page of the product in the display window according to the user's selection includes: If the user's selection is original display, generating display information corresponding to the display resource in the display window; If the user's selection is adaptive display, generating display information corresponding to the page code in the display window; Jump the current page to the display window.

8. A display device for a product details page, characterized in that: include: A monitoring and listening module is used to monitor in real time whether a user browsing behavior occurs in the shopping browser, and when a user browsing behavior is detected in the shopping browser, monitor in real time whether the shopping browser enters an idle state; A commodity determination module, used to determine all commodities in the current page when monitoring that the shopping browser enters an idle state; A detail page identifier construction module, used for constructing a detail page identifier of each of the products; A page code preloading module, used to preload the page code of the product's detail page using the detail page identifier; A display window determination module, used to determine a display window for displaying the product; The detail page display module is used to respond to a request instruction initiated by a user to display the detail page of the product, and display the detail page of the product in the display window based on the page code.

9. A display device for a product details page, characterized in that: including memory and processor; The memory is used to store programs; The processor is used to execute the program to implement each step of the method for displaying a product details page as described in any one of claims 1 to 7.

10. A storage medium having a computer program stored thereon, characterized in that: When the computer program is executed by a processor, each step of the method for displaying a product details page as described in any one of claims 1 to 7 is implemented.

Images