WO2016034067A1 - 网页处理方法及装置 - Google Patents

网页处理方法及装置 Download PDF

Info

Publication number
WO2016034067A1
WO2016034067A1 PCT/CN2015/088213 CN2015088213W WO2016034067A1 WO 2016034067 A1 WO2016034067 A1 WO 2016034067A1 CN 2015088213 W CN2015088213 W CN 2015088213W WO 2016034067 A1 WO2016034067 A1 WO 2016034067A1
Authority
WO
WIPO (PCT)
Prior art keywords
login
layer
current page
user
window
Prior art date
Application number
PCT/CN2015/088213
Other languages
English (en)
French (fr)
Inventor
张群
梁薇
Original Assignee
阿里巴巴集团控股有限公司
张群
梁薇
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 阿里巴巴集团控股有限公司, 张群, 梁薇 filed Critical 阿里巴巴集团控股有限公司
Publication of WO2016034067A1 publication Critical patent/WO2016034067A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]

Definitions

  • the present application relates to the field of Internet technologies, and in particular, to a webpage processing method and apparatus.
  • the browser can display various web pages and allow users to interact with them.
  • the user is generally required to input a pre-registered username and password to log in.
  • the process of logging in to the existing user through the browser includes: the user clicks the login prompt button on the current page of the browser to trigger the browser to jump to a login page; the user enters the username and password on the login page, and clicks the submit button to log in. .
  • the browser jump to the login page is a process of reloading the page, which takes time, resulting in a longer login time and a slower speed.
  • aspects of the present application provide a webpage processing method and apparatus for reducing webpage login time and increasing webpage login speed.
  • An aspect of the present application provides a webpage processing method, including:
  • the displaying, by the login instruction, the login window hidden in the current page on the current page including:
  • the second layer is superimposed on the first layer.
  • the displaying the second layer on the first layer including:
  • the second layer is superimposed on the first layer in a horizontal or vertical manner according to an arrangement direction of the login prompt information in the second layer.
  • the designated area includes an area where the login indication information is located on the first layer.
  • the method before the displaying, according to the login instruction, the current page login window is displayed on the current page, the method further includes:
  • the relevant information of the user is presented in the at least part of the area.
  • the login indication information is a login indication button
  • the receiving user sends a login instruction by using the login indication information on the current page, including:
  • a webpage processing apparatus including:
  • a receiving module configured to receive a login instruction sent by the user through the login indication information on the current page
  • a display module configured to display, according to the login instruction, a login window hidden in the current page on the current page, so that the user inputs login information in the login window to log in, the login window Overwriting at least a portion of the current page, the other regions of the current page are unchanged.
  • the displaying module includes:
  • a determining unit configured to determine, according to the login instruction, a first layer where the current display content of the current page is located and a second layer where the login window is located;
  • a display unit configured to superimpose and display the second layer on the first layer.
  • the display unit is specifically configured to be in the first layer The designated area is superimposed to display the second layer;
  • the display unit is specifically configured to superimpose and display the second layer on the first layer in a horizontal or vertical manner according to an arrangement direction of the login prompt information in the second layer.
  • the designated area includes an area where the login indication information is located on the first layer.
  • the displaying module is further configured to display related information of the user in the at least part of the area before displaying the login window on the current page.
  • the login indication information is a login indication button
  • the receiving module is specifically configured to receive the login instruction issued by the user by clicking or dragging or sliding or hovering the login indication button.
  • the login indication information is set on the current page for issuing a login instruction by using the login indication information, and according to the login instruction, the login window hidden in the current page is displayed on the current page for the user to log in. Enter the login information in the window to log in. It can be seen that in the login process of the user, no page jump is needed, and only the hidden login window can be displayed to the user, thereby saving the time consumed by the page jump, reducing the login time of the webpage, and improving the login of the webpage. speed.
  • FIG. 1 is a schematic flowchart of a webpage processing method according to an embodiment of the present application.
  • FIG. 2 to FIG. 4 are schematic diagrams showing the effect of displaying a login window according to an embodiment of the present application
  • FIG. 5 is a schematic structural diagram of a webpage processing apparatus according to an embodiment of the present disclosure.
  • FIG. 6 is a schematic structural diagram of a webpage processing apparatus according to another embodiment of the present disclosure.
  • FIG. 1 is a schematic flowchart diagram of a webpage processing method according to an embodiment of the present application. As shown in Figure 1, the method includes:
  • the executor of the embodiment may be a webpage processing device, for example, a browser, and the browser may be deployed on various devices such as a computer and a mobile phone.
  • the current page in this embodiment may be any page that can provide login prompt information to the user and allow the user to log in, for example, may be the home page or non-home page of various websites.
  • the non-home page can be a secondary page of the website, a third-level page, and the like. That is to say, the method provided by this embodiment can apply any page under various websites.
  • the current page has login indication information
  • the main purpose of the login indication information is to instruct the user to log in.
  • the user can issue a login instruction to the webpage processing device through the login indication information.
  • the manner in which the user issues a login command through the login indication information may also be different.
  • the login indication information may be a login indication button, and the user may click or drag or slide or hover over the login button to issue a login instruction.
  • the manner in which the user clicks the login instruction button may be by clicking or double-clicking the login instruction by the input device of the webpage processing device.
  • the input device can be a mouse, a stylus, etc.; for the mobile terminal, the input device can be a user's finger.
  • the user can slide the login indicator button by sliding up, swiping down, swiping left or swiping the login indicator button to the right.
  • the login command issued by the user through the login indication information on the current page is received.
  • the current page further includes a hidden login window.
  • the optional login window carries login prompt information for prompting the user to input login information.
  • the login prompt information may include: prompting the user to input information of the user name, for example, the word "user name”, and information prompting the user to input a password, for example, may be "password”.
  • the login prompt information may include: prompting the user to input the information of the account, for example, the words “login account” and the information prompting the user to input the password, for example, may be “password”.
  • the webpage processing device After receiving the login command issued by the user, the webpage processing device displays the login window hidden in the current page on the current page according to the login instruction, so that the user inputs the login information in the login window to log in. After the webpage processing device displays the login window on the current page, the login window will overwrite some areas on the current page, and the other areas on the current page remain unchanged.
  • the webpage processing apparatus may display related information of the user in the partial area before displaying the login window on the current page.
  • the related information of the user may be information recommended to the user, for example, “Hi pro, hungry, have a cup of afternoon tea”; or the user's IP address or MAC address, etc., or may be current time information, etc. .
  • the webpage processing apparatus can display the login window directly on the current page, and does not need to jump to the login page, which can save the time required for loading the login page, thereby reducing the login time of the webpage and improving the login speed of the webpage.
  • the embodiment does not need to jump from the current page to the login page, but directly displays the login window on the current page, so there is no visual jump caused by jumping from the current page to the login page as in the prior art. For the user, the visual experience is better.
  • the login window of the embodiment is displayed on the page only when the login is performed, and is usually in a hidden state; when the login window is in a hidden state, the corresponding space on the page can be displayed.
  • Other valuable content is beneficial to improve the space utilization of the current page and improve the conversion rate of the current page.
  • the current page in the embodiment of the present application may be written in a HyperText Mark-up Language (HTML) format, but is not limited thereto.
  • HTML HyperText Mark-up Language
  • CSS Cascading Style Sheet
  • Javascript Javascript
  • the current page in the embodiment of the present application may include a layer implemented by using CSS code technology in HTML or using Javascript code technology.
  • the webpage processing apparatus may preset the content that the current page can normally display on the first layer, and set the login window that is displayed when the login is performed on the second layer.
  • the first layer and the second layer can be implemented by using CSS technology, or can be implemented by using Javascript code technology.
  • the first layer may include any one or more of text, a picture, a table, a plug-in, and the like, that is, the content that the current page can normally display includes any one or more of text, a picture, a table, a plug-in, and the like.
  • the second layer may include login prompt information.
  • the first layer and the second layer are both CSS layers, or both are Javascript layers.
  • the CSS layer refers to the layer implemented by CSS code technology; correspondingly, the Javascript layer refers to the layer implemented by Javascript code technology.
  • the first layer can be a CSS layer, or a Javascript layer.
  • the second layer is a child element of the first layer.
  • the webpage processing device can set the first layer by setting the CSS style property of the first layer and setting the CSS style property of the second layer.
  • the second layer can be located on the current page at the same time, and the second layer is only displayed when the login is made.
  • the CSS style attributes may include, but are not limited to, display information, height information, overflow information, and position information.
  • the webpage processing apparatus displays the login window hidden in the current page and carrying the login prompt information on the current page according to the login instruction, including:
  • the webpage processing device determines, according to the login instruction, the first layer where the current display content of the current page is located and the second layer where the login window is located;
  • the webpage processing device superimposes the second layer on the first layer.
  • the web page processing apparatus may superimpose and display the second layer in a designated area of the first layer.
  • the designated area here is the partial area covered by the login window on the current page.
  • the designated area may be the area where the login indication information is located on the first layer, that is, the webpage processing apparatus may superimpose and display the second layer in the area where the login indication information is located on the first layer.
  • the webpage processing apparatus may superimpose and display the second layer on the first layer in a horizontal or vertical manner according to the arrangement direction of the login prompt information in the second layer.
  • the webpage processing device may combine the display manner and the display area, or adopt one of them separately to display the second layer.
  • the current page is 1688.com
  • the effect of the webpage processing device superimposing and displaying the second layer on the first layer can be seen in FIG. 2, FIG. 3 and FIG. Figure 2 shows the initial state when the login window is not displayed on the current page, and Figures 3 and 4 show the state of the current page after the second layer is superimposed.
  • the area indicated by the dotted circle on the 1688.com page is provided with a login indication button of "Please login" for the user to issue a login command; as shown in Figure 3, on the 1688.com page
  • the login window is displayed in a portrait manner, that is, the login prompt information in the login window is vertically arranged, and the area indicated by the dotted circle in FIG.
  • FIG. 3 is the same as the area identified by the dotted circle in FIG. , in the area where the login indication button is located; as shown in FIG. 4, in the area indicated by the dotted circle on the 1688.com page, the login window is displayed in the horizontal direction in the current page, that is, the login prompt in the login window.
  • the information is arranged horizontally, and the area indicated by the dashed circle in Fig. 4 is different from the area indicated by the dotted circle in Fig. 2.
  • the webpage processing device directly displays the login window on the 1688.com page, and does not require the user to wait for the page to jump.
  • the effect of the login speed increase will be more obvious for users with low bandwidth.
  • the login window can be hidden again.
  • the second layer of the login window is a child element of the first layer
  • the second layer may be directly hidden in the invisible area of the first layer, if the second layer of the login window is not
  • the child elements of the first layer can then absolutely position the second layer into the invisible area of the first layer.
  • the invisible area of the first layer may be located at, but not limited to, the bottom of the first layer.
  • the second layer can be placed in the invisible area of the first layer by setting the CSS style property of the second layer.
  • the webpage processing apparatus may use JQuery's function animate to reset the CSS style property of the second layer, thereby achieving the purpose of re-hiding the second layer.
  • FIG. 5 is a schematic structural diagram of a webpage processing apparatus according to an embodiment of the present disclosure. As shown in FIG. 5, the device includes a receiving module 51 and a display module 52.
  • the receiving module 51 is configured to receive a login instruction that is sent by the user through the login indication information on the current page;
  • the display module 52 is connected to the receiving module 51, and displays the login window hidden in the current page on the current page according to the login instruction received by the receiving module 51, so that the user inputs the login information in the login window to log in, and the login window covers the current At least part of the area of the page, the other areas of the current page are unchanged.
  • the implementation structure of the display module 52 includes: a determining unit 521 and a display unit 522.
  • the determining unit 521 is configured to determine, according to the login instruction received by the receiving module 51, the first layer where the current display content of the current page is located and the second layer where the login window is located.
  • the display unit 522 is connected to the determining unit 521 for superimposing the second layer determined by the determining unit 521 on the first layer determined by the determining unit 521.
  • the display unit 522 is specifically configured to superimpose and display the second layer in a designated area of the first layer.
  • the designated area here is the partial area covered by the login window on the current page. and / or,
  • the display unit 522 is specifically configured to superimpose and display the second layer on the first layer in a horizontal or vertical manner according to the arrangement direction of the login prompt information in the second layer.
  • the specified area may be an area where the login indication information is located on the first layer.
  • the display module 52 may also display relevant information of the user in at least part of the area before displaying the login window on the current page.
  • the related information of the user may be information recommended to the user, for example, “Hi pro, hungry, have a cup of afternoon tea”; or the user's IP address or MAC address, etc., or may be current time information, etc. .
  • the login indication information may be a login indication button.
  • the receiving module 51 is specifically configured to receive a login instruction issued by the user by clicking or dragging or sliding or hovering the login indication button.
  • the webpage processing device provided in this embodiment may be a browser, for example, may be deployed on a computer, a mobile phone, or the like.
  • the webpage processing apparatus provided in this embodiment sets login indication information on the current page for issuing a login instruction by using the login indication information, and displays a login window hidden on the current page on the current page according to the login instruction, for the user to Enter the login information in the login window to log in based on the login prompt information.
  • the page jump can be performed during the login process of the user, and only the hidden login window can be displayed to the user, thereby saving the time consumed by the page jump and reducing the webpage. Login time increases the speed of web page login.
  • the disclosed system, apparatus, and method may be implemented in other manners.
  • the device embodiments described above are merely illustrative.
  • the division of the unit is only a logical function division.
  • there may be another division manner for example, multiple units or components may be combined or Can be integrated into another system, or some features can be ignored or not executed.
  • the mutual coupling or direct coupling or communication connection shown or discussed may be an indirect coupling or communication connection through some interface, device or unit, and may be in an electrical, mechanical or other form.
  • the units described as separate components may or may not be physically separated, and the components displayed as units may or may not be physical units, that is, may be located in one place, or may be distributed to multiple network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of the embodiment.
  • 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 integrated unit can be implemented in the form of hardware or in the form of hardware plus software functional units.
  • the above-described integrated unit implemented in the form of a software functional unit can be stored in a computer readable storage medium.
  • the software functional unit described above is stored in a storage medium and includes instructions for causing a computer device (which may be a personal computer, a server, or a network device, etc.) or a processor to perform the methods described in various embodiments of the present application. Part of the steps.
  • the foregoing storage medium includes: a U disk, a mobile hard disk, a read-only memory (ROM), a random access memory (RAM), a magnetic disk, or an optical disk, and the like, which can store program codes. .

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

一种网页处理方法及装置。方法包括：接收用户通过当前页面上的登录指示信息发出的登录指令（101）；根据登录指令，将隐藏于当前页面的登录窗口显示在当前页面上，以供用户在登录窗口中输入登录信息进行登录，登录窗口覆盖当前页面的至少部分区域，当前页面的其他区域不变（102）。上述方法可以减少网页登录时间，提高网页登录速度。

Description

网页处理方法及装置 【技术领域】
本申请涉及互联网技术领域，尤其涉及一种网页处理方法及装置。
【背景技术】
浏览器作为一种客户端程序，可以显示各种网页，并允许用户与这些网页进行交互。在用户与网页交互过程中，一般需要用户输入预先注册的用户名和密码进行登录。
现有用户通过浏览器登录的过程包括：用户点击浏览器当前页面上的登录提示按钮，触发浏览器跳转到一个登录页面；用户在登录页面上输入用户名和密码，并点击提交按钮以进行登录。
其中，浏览器跳转到登录页面是一个重新加载页面的过程，这需要耗费时间，导致登录时间较长，速度较慢。
【发明内容】
本申请的多个方面提供一种网页处理方法及装置，用以减少网页登录时间，提高网页登录速度。
本申请的一方面，提供一种网页处理方法，包括：
接收用户通过当前页面上的登录指示信息发出的登录指令；
根据所述登录指令，将隐藏于所述当前页面的登录窗口显示在所述当前页面上，以供所述用户在所述登录窗口中输入登录信息进行登录，所述登录窗口覆盖所述当前页面的至少部分区域，所述当前页面的其他区域不变。
在本申请的一可选实施方式中，所述根据所述登录指令，将隐藏于所述当前页面的登录窗口显示在所述当前页面上，包括：
根据所述登录指令，确定所述当前页面当前显示内容所在的第一图层和 所述登录窗口所在的第二图层；
在所述第一图层上叠加显示所述第二图层。
在本申请的一可选实施方式中，所述在所述第一图层上叠加显示所述第二图层，包括：
在所述第一图层的指定区域叠加显示所述第二图层；和/或
按照所述登录提示信息在所述第二图层中的排列方向，以横向或纵向方式在所述第一图层上叠加显示所述第二图层。
在本申请的一可选实施方式中，所述指定区域包括所述第一图层上所述登录指示信息所在的区域。
在本申请的一可选实施方式中，所述根据所述登录指令，将隐藏于所述当前页面登录窗口显示在所述当前页面上之前，还包括：
在所述至少部分区域展现所述用户的相关信息。
在本申请的一可选实施方式中，所述登录指示信息为登录指示按钮；
所述接收用户通过当前页面上的登录指示信息发出的登录指令，包括：
接收所述用户点击或拖动或滑动或悬停所述登录指示按钮发出的所述登录指令。
本申请的另一方面，提供一种网页处理装置，包括：
接收模块，用于接收用户通过当前页面上的登录指示信息发出的登录指令；
展示模块，用于根据所述登录指令，将隐藏于所述当前页面的登录窗口显示在所述当前页面上，以供所述用户在所述登录窗口中输入登录信息进行登录，所述登录窗口覆盖所述当前页面的至少部分区域，所述当前页面的其他区域不变。
在本申请的一可选实施方式中，所述展示模块包括：
确定单元，用于根据所述登录指令，确定所述当前页面当前显示内容所在的第一图层和所述登录窗口所在的第二图层；
展示单元，用于在所述第一图层上叠加显示所述第二图层。
在本申请的一可选实施方式中，所述展示单元具体用于在所述第一图层 的指定区域叠加显示所述第二图层；和/或
所述展示单元具体用于按照所述登录提示信息在所述第二图层中的排列方向，以横向或纵向方式在所述第一图层上叠加显示所述第二图层。
在本申请的一可选实施方式中，所述指定区域包括所述第一图层上所述登录指示信息所在的区域。
在本申请的一可选实施方式中，所述展示模块还用于在将所述登录窗口显示在所述当前页面上之前，在所述至少部分区域展现所述用户的相关信息。
在本申请的一可选实施方式中，所述登录指示信息为登录指示按钮；
所述接收模块具体用于接收所述用户点击或拖动或滑动或悬停所述登录指示按钮发出的所述登录指令。
在本申请技术方案中，在当前页面上设置登录指示信息，以供用通过登录指示信息发出登录指令，并根据登录指令，将隐藏于当前页面的登录窗口显示在当前页面上，以供用户在登录窗口中输入登录信息进行登录。由此可见，在用户的登录过程中，不需要页面跳转，只需将隐藏的登录窗口显示给用户即可，因此节约了页面跳转消耗的时间，减少了网页登录时间，提高了网页登录速度。
【附图说明】
为了更清楚地说明本申请实施例中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
图1为本申请一实施例提供的网页处理方法的流程示意图；
图2-图4为本申请一实施例提供的登录窗口展示效果示意图；
图5为本申请一实施例提供的网页处理装置的结构示意图；
图6为本申请另一实施例提供的网页处理装置的结构示意图。
【具体实施方式】
为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
图1为本申请一实施例提供的网页处理方法的流程示意图。如图1所示，该方法包括：
101、接收用户通过当前页面上的登录指示信息发出的登录指令。
102、根据上述登录指令，将隐藏于当前页面的登录窗口显示在当前页面上，以供用户在登录窗口中输入登录信息进行登录，登录窗口覆盖当前页面的至少部分区域，且当前页面的其他区域不变。
本实施例的执行主体可以是网页处理装置，例如可以是浏览器，该浏览器可以部署于电脑、手机等各种设备上。
首先说明，本实施例中的当前页面可以是任何可以向用户提供登录提示信息并允许用户登录的页面，例如可以是各种网站的首页或非首页。非首页可以是网站的二级页面、三级页面等。也就是说，本实施例提供的方法可应用各种网站下的任意页面。
在本实施例中，当前页面具有登录指示信息，该登录指示信息的主要目的是指示用户进行登录。用户通过该登录指示信息可以向网页处理装置发出登录指令。根据登录指示信息实现形式的不同，用户通过登录指示信息发出登录指令的方式也会不同。
举例说明，登录指示信息可以是一登录指示按钮，则用户可以点击或拖动或滑动或悬停(mouse over)该登录按钮发出登录指令。用户点击登录指示按钮的方式可以是通过网页处理装置的输入设备单击或双击该登录指示按 钮，输入设备可以是鼠标、输入笔等；对于移动端而言，输入设备可以为用户手指。用户滑动登录指示按钮的方式可以是向上滑动、向下滑动、向左滑动或向右滑动登录指示按钮。
对网页处理装置来说，接收用户通过当前页面上的登录指示信息发出的登录指令。
在本实施例中，当前页面还包括隐藏的登录窗口，可选的该登录窗口携带有登录提示信息，用于提示用户输入登录信息。例如，登录提示信息可以包括：提示用户输入用户名的信息，例如可以是“用户名”字样，以及提示用户输入密码的信息，例如可以是“密码”字样。又例如，登录提示信息可以包括：提示用户输入账号的信息，例如可以是“登录账号”字样，以及提示用户输入密码的信息，例如可以是“密码”字样。
网页处理装置在接收到用户发出的登录指令之后，根据登录指令，将隐藏于当前页面的登录窗口显示在当前页面上，以供用户在登录窗口中输入登录信息进行登录。网页处理装置将登录窗口显示于当前页面后，登录窗口会覆盖当前页面上的部分区域，而当前页面上的其他区域不变。
基于上述，在一可选实施方式中，网页处理装置在将登录窗口显示在当前页面之前，还可以在上述部分区域内展示用户的相关信息。例如，用户的相关信息可以是向用户推荐的信息，例如可以是“Hi亲，饿了，喝杯下午茶吧”；或者是用户的IP地址或MAC地址等，或者还可以是当前时间信息等。
在本实施例中，网页处理装置可以直接在当前页面上显示登录窗口，不需要跳转到登录页面，可以节约加载登录页面所需的时间，因此减少了网页登录时间，提高了网页登录速度。
另外，本实施例不需要从当前页面跳转到登录页面，而是直接在当前页面显示登录窗口，因此不会像现有技术那样存在从当前页面跳转到登录页面所带来的视觉跳跃感，对用户来说，视觉体验较好。
进一步，本实施例的登录窗口只有在进行登录时才会显示在页面上，平时处于隐藏状态；在登录窗口处于隐藏状态时，页面上相应空间可以显示更 多有价值的其他内容，有利于提高当前页面的空间利用率，提升当前页面的转化率。
本申请实施例中的当前页面可以超文本标记语言(HyperText Mark-up Language，HTML)格式编写，但不限于此。随着互联网应用的快速发展，一些页面交互的技术也在不断进步，越来越多的页面交互采用诸如HTML中的级联样式表(Cascading Style Sheet，CSS)代码、Javascript代码等技术实现多样性。
基于上述，本申请实施例中的当前页面可以包括采用HTML中的CSS代码技术，或者采用Javascript代码技术实现的图层。
在一可选实施方式中，网页处理装置可以预先将当前页面可以正常展现的内容设置在第一图层上，将在进行登录时才会显示的登录窗口设置在第二图层上。第一图层和第二图层可以采用CSS技术实现，或者可以采用Javascript代码技术实现。第一图层可以包括文本、图片、表格、插件等中的任意一个或多个，也就是说当前页面可以正常展现的内容包括文本、图片、表格、插件等中的任意一个或多个。而第二图层可以包括登陆提示信息。
可选的，第一图层和第二图层均为CSS图层，或者均为Javascript图层。CSS图层是指采用CSS代码技术实现的图层；相应的，Javascript图层是指采用Javascript代码技术实现的图层。
可选的，第一图层可以是CSS图层，或者Javascript图层。第二图层是第一图层的一个子元素。
以第一图层和第二图层均为CSS图层为例，则网页处理装置可以通过设置第一图层的CSS样式属性，并设置第二图层的CSS样式属性，使得第一图层和第二图层可以同时位于当前页面，且第二图层只有在进行登录时才被展现。其中，CSS样式属性可以包括但不限于：显示(display)信息、高度(height)信息、溢出(overflow)信息以及位置(position)信息。
基于上述图层，网页处理装置根据登录指令，将隐藏于当前页面且携带有登录提示信息的登录窗口显示在当前页面上的过程包括：
网页处理装置根据登录指令，确定当前页面当前显示内容所在的第一图层以及登录窗口所在的第二图层；
网页处理装置在第一图层上叠加显示第二图层。
例如，网页处理装置可以在第一图层的指定区域叠加显示第二图层。这里的指定区域即为当前页面上被登录窗口覆盖的部分区域。例如，指定区域可以是第一图层上登录指示信息所在区域，即网页处理装置可以在第一图层上登录指示信息所在区域叠加显示第二图层。
又例如，网页处理装置可以按照登录提示信息在第二图层中的排列方向，以横向或纵向方式在第一图层上叠加显示第二图层。
其中，网页处理装置可以将上述展示方式和展示区域相结合，或者单独采用某一个，以进行第二图层的展示。
本实施例以当前页面为1688.com为例，则网页处理装置在第一图层上叠加显示第二图层的效果示意图可参见图2、图3和图4所示。图2所示为当前页面未显示登录窗口时的初始状态，图3和图4为叠加显示第二图层后当前页面的状态。如图2所示，1688.com页面上由虚线圈所标识的区域设置有“请登录”字样的登录指示按钮，以供用户发出登录指令；如图3所示，在1688.com页面上由虚线圈所标识的区域内，登录窗口以纵向方式显示，也就是说登录窗口中的登录提示信息是纵向排列的，图3中虚线圈所标识的区域与图2中虚线圈所标识的区域相同，为登录指示按钮所在的区域；如图4所示，在1688.com页面上由虚线圈所标识的区域内，登录窗口以横向方式显示在当前页面中，也就是或登录窗口中的登录提示信息是横向排列的，图4中虚线圈所标识的区域与图2中虚线圈所标识的区域不同。
另外值得说明的是，为了能够清晰的显示登录窗口，图3和图4中所示“用户名”和“密码”字样的颜色较深，但并不限于此，实际应用中“用户名”和“密码”字样的颜色一般会比较浅。
由上述可见，用户通过1688.com页面发出登录指令后，网页处理装置直接将登录窗口显示在1688.com页面上，不需要用户等待页面的跳转，可 以极大的提高登录速度，对于低带宽的用户来说，该登录速度提高的效果会更加明显。
值得说明的是，无论登录窗口以何种方式显示在当前页面上均在本申请保护范围之内。
进一步，在显示登录窗口后，若用户不需要进行登录，则可以重新隐藏登录窗口。例如，若登录窗口所在的第二图层是第一图层的子元素，则可以直接将第二图层隐藏在第一图层的不可见区域中，若登录窗口所在的第二图层不是第一图层的子元素，则可以将第二图层绝对定位到第一图层的不可见区域中。例如第一图层的不可见区域可以位于但不限于第一图层的底部。
例如，可以通过设置第二图层的CSS样式属性，使第二图层处于第一图层的不可见区域。例如，网页处理装置可以使用JQuery的函数animate重新设置第二图层的CSS样式属性，从而实现重新隐藏第二图层的目的。
需要说明的是，对于前述的各方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本申请并不受所描述的动作顺序的限制，因为依据本申请，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定是本申请所必须的。
在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。
图5为本申请一实施例提供的网页处理装置的结构示意图。如图5所示，该装置包括：接收模块51和展示模块52。
接收模块51，用于接收用户通过当前页面上的登录指示信息发出的登录指令；
展示模块52，与接收模块51连接，根据接收模块51接收的登录指令，将隐藏于当前页面的登录窗口显示在当前页面上，以供用户在登录窗口中输入登录信息进行登录，登录窗口覆盖当前页面的至少部分区域，当前页面的其他区域不变。
在一可选实施方式中，如图6所示，展示模块52的实现结构包括：确定单元521和展示单元522。
确定单元521，用于根据接收模块51接收的登录指令，确定当前页面当前显示内容所在的第一图层和登录窗口所在的第二图层。
展示单元522，与确定单元521连接，用于在确定单元521确定的第一图层上叠加显示确定单元521确定的第二图层。
进一步，展示单元522具体可用于在第一图层的指定区域叠加显示第二图层。这里的指定区域即为当前页面上被登录窗口覆盖的部分区域。和/或，
展示单元522具体可用于按照登录提示信息在第二图层中的排列方向，以横向或纵向方式在第一图层上叠加显示第二图层。
可选的，上述指定区域可以是第一图层上登录指示信息所在的区域。
在一可选实施方式中，展示模块52在将登录窗口显示在当前页面之前，还可以在至少部分区域展现用户的相关信息。例如，用户的相关信息可以是向用户推荐的信息，例如可以是“Hi亲，饿了，喝杯下午茶吧”；或者是用户的IP地址或MAC地址等，或者还可以是当前时间信息等。
在一可选实施方式中，登录指示信息可以是登录指示按钮。基于此，接收模块51具体可用于接收用户点击或拖动或滑动或悬停登录指示按钮发出的登录指令。
本实施例提供的网页处理装置可以是浏览器，例如可以部署于电脑、手机等设备上。
本实施例提供的网页处理装置，在当前页面上设置登录指示信息，以供用通过登录指示信息发出登录指令，并根据登录指令，将隐藏于当前页面的登录窗口显示在当前页面上，以供用户根据登录提示信息在登录窗口中输入登录信息进行登录。采用本实施例提供的网页处理装置，可以在用户的登录过程中，不进行页面跳转，只需将隐藏的登录窗口显示给用户即可，因此节约了页面跳转消耗的时间，减少了网页登录时间，提高了网页登录速度。
所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描 述的系统，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
在本申请所提供的几个实施例中，应该理解到，所揭露的系统，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能单元的形式实现。
上述以软件功能单元的形式实现的集成的单元，可以存储在一个计算机可读取存储介质中。上述软件功能单元存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)或处理器(processor)执行本申请各个实施例所述方法的部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(Read-Only Memory，ROM)、随机存取存储器(Random Access Memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
最后应说明的是：以上实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或 者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。

Claims (12)

  1. 一种网页处理方法，其特征在于，包括：
    接收用户通过当前页面上的登录指示信息发出的登录指令；
    根据所述登录指令，将隐藏于所述当前页面的登录窗口显示在所述当前页面上，以供所述用户在所述登录窗口中输入登录信息进行登录，所述登录窗口覆盖所述当前页面的至少部分区域，所述当前页面的其他区域不变。
  2. 根据权利要求1所述的方法，其特征在于，所述根据所述登录指令，将隐藏于所述当前页面的登录窗口显示在所述当前页面上，包括：
    根据所述登录指令，确定所述当前页面当前显示内容所在的第一图层和所述登录窗口所在的第二图层；
    在所述第一图层上叠加显示所述第二图层。
  3. 根据权利要求2所述的方法，其特征在于，所述在所述第一图层上叠加显示所述第二图层，包括：
    在所述第一图层的指定区域叠加显示所述第二图层；和/或
    按照所述登录提示信息在所述第二图层中的排列方向，以横向或纵向方式在所述第一图层上叠加显示所述第二图层。
  4. 根据权利要求3所述的方法，其特征在于，所述指定区域包括所述第一图层上所述登录指示信息所在的区域。
  5. 根据权利要求1-4任一项所述的方法，其特征在于，所述根据所述登录指令，将隐藏于所述当前页面登录窗口显示在所述当前页面上之前，还包括：
    在所述至少部分区域展现所述用户的相关信息。
  6. 根据权利要求1-4任一项所述的方法，其特征在于，所述登录指示信息为登录指示按钮；
    所述接收用户通过当前页面上的登录指示信息发出的登录指令，包括：
    接收所述用户点击或拖动或滑动或悬停所述登录指示按钮发出的所述登录指令。
  7. 一种网页处理装置，其特征在于，包括：
    接收模块，用于接收用户通过当前页面上的登录指示信息发出的登录指令；
    展示模块，用于根据所述登录指令，将隐藏于所述当前页面的登录窗口显示在所述当前页面上，以供所述用户在所述登录窗口中输入登录信息进行登录，所述登录窗口覆盖所述当前页面的至少部分区域，所述当前页面的其他区域不变。
  8. 根据权利要求7所述的装置，其特征在于，所述展示模块包括：
    确定单元，用于根据所述登录指令，确定所述当前页面当前显示内容所在的第一图层和所述登录窗口所在的第二图层；
    展示单元，用于在所述第一图层上叠加显示所述第二图层。
  9. 根据权利要求8所述的装置，其特征在于，所述展示单元具体用于在所述第一图层的指定区域叠加显示所述第二图层；和/或
    所述展示单元具体用于按照所述登录提示信息在所述第二图层中的排列方向，以横向或纵向方式在所述第一图层上叠加显示所述第二图层。
  10. 根据权利要求9所述的装置，其特征在于，所述指定区域包括所述第一图层上所述登录指示信息所在的区域。
  11. 根据权利要求7-10任一项所述的装置，其特征在于，所述展示模块还用于在将所述登录窗口显示在所述当前页面上之前，在所述至少部分区域展现所述用户的相关信息。
  12. 根据权利要求7-10任一项所述的装置，其特征在于，所述登录指示信息为登录指示按钮；
    所述接收模块具体用于接收所述用户点击或拖动或滑动或悬停所述登录指示按钮发出的所述登录指令。
PCT/CN2015/088213 2014-09-02 2015-08-27 网页处理方法及装置 WO2016034067A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201410440405.7 2014-09-02
CN201410440405.7A CN105447041A (zh) 2014-09-02 2014-09-02 网页处理方法及装置

Publications (1)

Publication Number Publication Date
WO2016034067A1 true WO2016034067A1 (zh) 2016-03-10

Family

ID=55439120

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2015/088213 WO2016034067A1 (zh) 2014-09-02 2015-08-27 网页处理方法及装置

Country Status (2)

Country Link
CN (1) CN105447041A (zh)
WO (1) WO2016034067A1 (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109885364A (zh) * 2019-01-18 2019-06-14 深圳壹账通智能科技有限公司 用于展示信息的方法、装置、计算机设备及存储介质

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107707367A (zh) * 2017-07-14 2018-02-16 太仓诚泽网络科技有限公司 网页流量计费系统
CN108845788B (zh) * 2018-06-11 2021-09-14 联想(北京)有限公司 模拟操控方法和便携式终端
CN109298911A (zh) * 2018-09-20 2019-02-01 北京奇元科技有限公司 一种内容的展示方法、装置

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1582437A (zh) * 2001-11-01 2005-02-16 雅虎公司 便利使用因特网浏览器自动登录网站的方法与系统
CN102063454A (zh) * 2010-05-31 2011-05-18 百度在线网络技术（北京）有限公司 一种搜索与应用相结合的方法和设备
CN102419760A (zh) * 2005-11-15 2012-04-18 谷歌公司 显示紧凑的以及展开的数据项目
US20120151569A1 (en) * 2010-12-08 2012-06-14 Lewis Farsedakis Portable Identity Rating

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2005114449A2 (en) * 2004-05-14 2005-12-01 Mobilaps, Llc Method of providing a web page with inserted content
CN100468306C (zh) * 2006-09-20 2009-03-11 腾讯科技（深圳）有限公司 一种网页页面部件隐现装置和方法
CN102075499A (zh) * 2009-11-25 2011-05-25 英业达股份有限公司 非同步的用户认证系统及其方法
MY154224A (en) * 2012-12-07 2015-05-15 Mimos Berhad A delegation system
CN103019516B (zh) * 2012-12-10 2016-08-03 北京世界星辉科技有限责任公司 用于显示页面的方法和设备

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1582437A (zh) * 2001-11-01 2005-02-16 雅虎公司 便利使用因特网浏览器自动登录网站的方法与系统
CN102419760A (zh) * 2005-11-15 2012-04-18 谷歌公司 显示紧凑的以及展开的数据项目
CN102063454A (zh) * 2010-05-31 2011-05-18 百度在线网络技术（北京）有限公司 一种搜索与应用相结合的方法和设备
US20120151569A1 (en) * 2010-12-08 2012-06-14 Lewis Farsedakis Portable Identity Rating

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
"DIVCSS5", JQUERY+CSS CLICK LOGIN BUTTON, POP AND DISPLAY LOGIN LAYER,., 8 October 2013 (2013-10-08), Retrieved from the Internet <URL:http://www.divcss5.com/css-texiao/texia0625.shtml> [retrieved on 20151112] *

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109885364A (zh) * 2019-01-18 2019-06-14 深圳壹账通智能科技有限公司 用于展示信息的方法、装置、计算机设备及存储介质

Also Published As

Publication number Publication date
CN105447041A (zh) 2016-03-30

Similar Documents

Publication Publication Date Title
US10698578B1 (en) User interface for an application displaying page permissions
US10067729B2 (en) Systems and methods for enabling internet co-browsing
KR102019582B1 (ko) 인스턴트 메시징 창을 표시하기 위한 방법 및 장치 및 컴퓨터 판독 가능 매체
KR102309175B1 (ko) 스크랩 정보를 제공하는 전자 장치 및 그 제공 방법
EP2901331B1 (en) Method and system for cross-terminal cloud browsing
US10237325B2 (en) Multiple device co-browsing of a single website instance
US12120198B2 (en) Systems for platform-independent application publishing to a web container
US10817350B2 (en) Method and device for starting external application program in browser
EP2849391B1 (en) Terminal device and sharing method thereof
WO2017049769A1 (zh) 一种用于在移动应用中提供目标页面的方法与设备
US20150121193A1 (en) User interface virtualization for web applications
US20160261627A1 (en) Method and system for processing notification messages of a website
US20160147400A1 (en) Tab based browser content sharing
US20150200979A1 (en) Viewing different window content with different attendees in desktop sharing
WO2016034067A1 (zh) 网页处理方法及装置
CA2881220A1 (en) Methods and systems for collaborative browsing
EP2962190A1 (en) Contextual user assistance for cloud services
WO2020143159A1 (zh) 一种用户界面的处理方法和装置
CN107533568B (zh) 确定应用缩放等级的系统和方法
WO2012092272A2 (en) Companion window experience
US20180196885A1 (en) Method for sharing data and an electronic device thereof
US20160316020A1 (en) Web page information presentation method and system
US20140316907A1 (en) Multilayered user interface for internet browser
WO2024011899A1 (zh) 微件的加载方法、装置、设备以及存储介质
DE202015009262U1 (de) Optimierte gehostete anwendungen

Legal Events

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

Ref document number: 15838268

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 15838268

Country of ref document: EP

Kind code of ref document: A1