WO2015127782A1 - 显示网页自定义内容的方法及系统 - Google Patents

显示网页自定义内容的方法及系统 Download PDF

Info

Publication number
WO2015127782A1
WO2015127782A1 PCT/CN2014/087761 CN2014087761W WO2015127782A1 WO 2015127782 A1 WO2015127782 A1 WO 2015127782A1 CN 2014087761 W CN2014087761 W CN 2014087761W WO 2015127782 A1 WO2015127782 A1 WO 2015127782A1
Authority
WO
WIPO (PCT)
Prior art keywords
webpage
interface
custom
node
customized
Prior art date
Application number
PCT/CN2014/087761
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 WO2015127782A1 publication Critical patent/WO2015127782A1/zh
Priority to US15/247,328 priority Critical patent/US10776564B2/en

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/12—Use of codes for handling textual entities
    • G06F40/14—Tree-structured documents
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/01—Protocols
    • H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]

Definitions

  • the present invention relates to the field of mobile browsers, and more particularly to a method and system for displaying customized content of a webpage.
  • a web browser is a piece of software used to display files within a web server or file system and to allow users to interact with these files.
  • the content displayed on the webpage includes text, image or information.
  • the staff needs to create an interface to display the customized content.
  • you need to modify the content of the interface you must modify the code and resources of the client application.
  • Figure 1 shows the flow of a traditional client modifying the interface code to the user getting a new interface program.
  • the process of modifying the interface code to the user to get the new interface includes:
  • S110 Modifying the interface that needs to be customized, where the modification of the interface that needs to be customized is implemented by modifying the code of the client;
  • S120 The client developer modifies the corresponding client code, and prepares corresponding pictures, styles, and the like;
  • step S130 The process of submitting the online process according to the process after the test in step S130 generally takes a long time, and the test of the client code needs more tests. In the case of a problem on the client side, It is also necessary to re-edit the code to go online, which brings the problem of large changes and high cost.
  • FIG. 2 shows a flow of a method for displaying a custom content of a web page on a client.
  • the traditional method for displaying webpage custom content on the client side includes:
  • S210 Start a mobile browser, send a request resource signal to the server, and the server returns a list of URLs that need to load a customized interface;
  • S220 The user inputs the website to be browsed in the user address field and clicks to load;
  • S230 The client determines whether the current webpage needs to load a custom interface.
  • S240 loading a webpage input by the user, when the webpage corresponding to the webpage input by the user needs to load a custom interface, loading the webpage input by the user;
  • S250 The client pops up a blocking interface, and after loading the webpage input by the user, displaying an interface containing the customized content;
  • the client uses the client to implement the display of the customized webpage.
  • the client's native interface blocks the user from performing web browsing operations.
  • the custom interface is inconsistent with the native webpage style, the webpage needs to be modified, and the client needs to be modified, and the operation is complicated.
  • FIG. 9 The schematic diagram of the page when the page is inserted into the custom content by using the traditional method is shown in FIG. 9.
  • the user who plays X in the left part of the page is uncontrollable, and only the right area of the page can be operated, and the created interface is inconsistent with the original page content.
  • the user needs to modify the code and resources of the client application, and the cost and cost of modifying the code and interface of the client application are relatively large.
  • an object of the present invention is to provide a method and a system for displaying a customized content of a webpage, so as to solve the current method for displaying a customized content of a webpage, which needs to modify the code and resources of the client, which is large, costly, and customizable.
  • the page is not in harmony with the original page.
  • a method for displaying web page customized content including:
  • the webpage source of the webpage to be accessed is obtained, and the rendering of the webpage to be accessed is stopped;
  • the webpage source code of the webpage node code segment into which the custom webpage interface is inserted is rendered, and the rendered webpage is displayed.
  • the location of the webpage node that needs to be inserted into the custom webpage interface is found in the webpage source code according to the custom webpage interface code resource.
  • the custom webpage interface code resource includes: a webpage that needs to be inserted into the custom webpage interface. a web address, an insertion location of a web page node of the custom web interface, and a web page node code segment of the custom web interface.
  • the method further includes: determining, according to the website address list that needs to be inserted into the customized webpage interface, whether the webpage to be accessed needs to be inserted into the customized webpage interface; and when the webpage to be accessed needs to insert the customized webpage In the interface, the source code of the webpage to be accessed is obtained, and the rendering of the webpage to be accessed is stopped; when the webpage to be accessed does not need to be inserted into the customized webpage interface, the process of continuing to browse the webpage is normal. Show original page.
  • the webpage node code segment of the custom webpage interface is inserted into the webpage source code by a dynamic script.
  • the dynamic script is JavaScript, Jquery or PHP.
  • the present invention also provides a system for displaying customized content of a webpage, including:
  • the webpage source obtaining unit is configured to obtain a webpage source code of the webpage to be accessed when the webpage to be accessed needs to insert a custom webpage interface, and stop rendering the webpage to be accessed;
  • a location searching unit configured to acquire a location of a webpage node that needs to be inserted into the customized webpage interface according to the custom webpage interface code resource after obtaining the webpage source code of the webpage to be accessed;
  • a webpage node insertion unit configured to insert the content of the webpage node of the custom webpage interface into the webpage source code according to the found location of the webpage node of the custom webpage interface
  • the webpage display unit is configured to render the webpage source of the content of the webpage node into which the custom webpage interface is inserted, and present the rendered webpage to the user.
  • the custom webpage interface code resource includes: a webpage of a webpage that needs to be inserted into the custom webpage interface, an insertion location of a webpage node of the custom webpage interface, and a webpage of the custom webpage interface. Point code segment.
  • the method further includes: a webpage determining unit, configured to obtain a webpage list to be inserted into the custom webpage interface, and a code resource of the custom webpage interface, and determine, according to the webpage list that needs to be inserted into the customized webpage interface Whether the webpage to be accessed needs to be inserted into the custom webpage interface; when the webpage to be accessed needs to be inserted into the custom webpage interface, notify the webpage source source obtaining unit to obtain the webpage source code of the webpage to be accessed, and notify The webpage display unit stops the rendering of the webpage to be accessed; when the webpage to be accessed does not need to be inserted into the customized webpage interface, the webpage display unit is notified to continue the process of browsing the webpage, and the original display is normal. Web page.
  • a webpage determining unit configured to obtain a webpage list to be inserted into the custom webpage interface, and a code resource of the custom webpage interface, and determine, according to the webpage list that needs to be inserted into the customized webpage interface Whether the webpage to be accessed needs to be inserted into the custom webpage interface
  • the webpage node code segment of the custom webpage interface is inserted into the webpage source code by a dynamic script.
  • the dynamic script is JavaScript, Jquery or PHP.
  • a terminal including: a processor; a memory for storing processor executable instructions; wherein
  • the memory is configured to store a computer execution instruction
  • the processor is configured to execute the computer-executed instruction stored in the memory, and when a webpage to be accessed needs to be inserted into a customized webpage interface, acquire a webpage source code of the webpage to be accessed, and stop the to-be-accessed Rendering of the webpage; searching for the location of the webpage node that needs to be inserted into the custom webpage interface in the obtained webpage source code; and inserting the location of the webpage node of the custom webpage interface according to the found need
  • the webpage node code segment of the custom webpage interface is inserted into the webpage source code; the webpage source code of the webpage node code segment into which the custom webpage interface is inserted is used to render the webpage, and the rendered webpage is displayed Show.
  • the processor is specifically configured to search, in the webpage source code, a location of a webpage node that needs to be inserted into the customized webpage interface according to the custom webpage interface code resource; wherein the customized webpage interface code resource
  • the method includes: a web address of a webpage that needs to be inserted into the custom webpage interface, an insertion location of a webpage node of the custom webpage interface, and a webpage node code segment of the custom webpage interface.
  • the processor is further configured to obtain a URL list to be inserted into the customized webpage interface and the custom webpage interface code resource; and determine the waiting according to the webpage list that needs to be inserted into the customized webpage interface. Whether the visited webpage needs to be inserted into the customized webpage interface; when the webpage to be accessed needs to be inserted into the customized webpage interface, acquiring the webpage source code of the webpage to be accessed, and stopping the webpage to be accessed Rendering; when the webpage to be accessed does not need to be inserted into the customized webpage interface, the process of continuing to browse the webpage is continued, and the original webpage is normally displayed.
  • the processor is specifically configured to insert a webpage node code segment of the customized webpage interface into the webpage source code by using a dynamic script.
  • the dynamic script is JavaScript, Jquery or PHP.
  • a non-transitory computer readable storage medium comprising computer executed instructions for execution by the processor of a computer to execute the aforementioned method of displaying web page customization content.
  • the method and system for displaying the customized content of the webpage according to the present invention can be used to deliver the customized content by opening the webpage list and the customized webpage content resource by the server without modifying the mobile client. After the webpage, avoiding the need to modify the client code and interface when displaying the customized content, reducing the labor and resource consumption, and does not need to generate an interface to display the customized page, which will not hinder the user's operation and improve the user's browsing. Experience.
  • FIG. 1 is a flow chart of a conventional client modifying an interface code to a user to obtain a new interface program
  • FIG. 2 is a flow chart of a method for displaying a custom content of a webpage on a client side
  • FIG. 3 is a flowchart of a method for displaying webpage customized content according to an embodiment of the present invention
  • FIG. 4 is a schematic flowchart of a method for displaying a customized content of a webpage when an interface needs to be modified according to an embodiment of the present invention
  • FIG. 5 is a detailed flowchart of a method for displaying webpage customized content according to an embodiment of the present invention.
  • FIG. 6 is a block diagram showing a system for displaying customized content of a webpage according to an embodiment of the present invention
  • FIG. 7 is a diagram showing a webpage display after adding a custom interface in a method for displaying webpage custom content according to an embodiment of the present invention:
  • FIG. 8 is a diagram showing a webpage corresponding to a custom node in a method for displaying a webpage customized content according to an embodiment of the present invention
  • FIG. 9 is a schematic diagram showing the state of a page when a custom content is inserted by a conventional method.
  • mobile browser and “client” are the same concept, and “mobile browser” can also be understood as a kind of “client” but not The only specific form of expression.
  • FIG. 3 illustrates a flow of a method of displaying web page customization content according to an embodiment of the present invention.
  • the method for displaying webpage customized content provided by the present invention includes:
  • S310 The webpage to be accessed needs to be inserted into the webpage to be accessed when the webpage to be accessed needs to be inserted into the webpage to be accessed.
  • the mobile browser is started, and when the mobile browser is started, the information of the webpage source resource requesting the customized webpage is issued.
  • the mobile browser initiates a request to the server, it also includes a code resource that obtains a list of URLs inserted into the custom web interface and a custom interface corresponding to the URL in the list of URLs.
  • the code resource for the URL list inserted in the custom web interface and the custom interface corresponding to the URL in the URL list can be delivered to the client through the server, or can be preset in the client.
  • S320 Find the location of the webpage node that needs to be inserted into the customized webpage interface in the obtained webpage source code.
  • the location of the webpage node that needs to insert the custom webpage interface is found in the webpage source code, wherein
  • the custom web interface code resources include: the URL of the webpage that needs to be inserted into the custom webpage interface, the insertion location of the webpage node of the custom webpage interface, and the webpage node code section of the custom webpage interface.
  • the dynamic script is JavaScript, Jquery or PHP (Hypertext Preprocessor, Hypertext Preprocessor).
  • Jquery is a lightweight JavaScript library.
  • S340 The webpage source code inserted with the content of the webpage node displaying the custom webpage interface is used to render the webpage, and the rendered webpage is presented to the user.
  • the displayed webpage with the customized webpage interface can also be operated without blocking the user, and the customized interface uses the embedded webpage node. The way to achieve, to ensure integration with the original web page.
  • the method for displaying webpage customized content further includes: obtaining a webpage list and a custom webpage interface code resource to be inserted into the customized webpage interface.
  • the URL list to be inserted into the customized web interface it is determined whether the webpage to be accessed needs to be inserted into the customized webpage interface; when the webpage to be accessed needs to be inserted into the customized webpage interface, the webpage source of the webpage to be accessed is obtained, and the webpage to be treated is stopped. Rendering; when the webpage to be accessed does not need to insert a custom webpage interface, the process of continuing to browse the webpage is normal, and the original webpage is normally displayed.
  • the URL list and the custom web interface code resource that need to be inserted into the customized web interface can be delivered to the client through the server, or can be preset in the client.
  • the webpage server when the user opens the webpage, the corresponding webpage server source code resource is requested, and then the webpage server returns the webpage source code information, for example, when visiting www.xx.com, the http request is initiated to the webpage server, and the webpage source code is obtained. Stop the process of rendering the webpage rendering, traverse the webpage source code according to the corresponding custom interface code resource, and find the location of the webpage node that needs to add the custom webpage node code.
  • the method for displaying the customized content of the webpage can send the webpage list and the customized webpage content resource through the server without modifying the mobile client, so that after the webpage is opened, the webpage after adding the customized content is displayed, and the webpage is avoided.
  • Displaying custom content requires modification of the client code and interface, reducing the labor and resource consumption, and does not require an additional generation interface to display the customized page, which does not hinder the user's operation and improve the user experience.
  • the method for displaying the webpage customized content of the present invention is mainly implemented by adding a webpage node.
  • FIG. 4 shows a flow of the method for displaying the webpage custom content according to the embodiment of the present invention when the interface needs to be modified.
  • the process of displaying the customized content of the webpage needs to modify the interface, including:
  • S410 Modify the interface that needs to be customized, and the modification at this time is implemented by adding a webpage node.
  • S420 The client developer modifies the code of the customized webpage and prepares resources such as pictures and styles.
  • the webpage node is used to display the webpage custom content, and the custom webpage content is updated by updating the code of the custom webpage, thereby avoiding repeatedly modifying the guest.
  • the client code implements modifications to the custom interface.
  • S430 Deploy the code and resources of the modified custom interface to the server.
  • the code modification of the custom interface is deployed to the server immediately after the test, and the user can immediately obtain the latest customized interface.
  • the custom interface can be modified by modifying the code of the customized webpage. It does not take a long time to modify the client code.
  • S440 The user does not need to update the application, and the mobile browser can be launched to obtain the latest customized interface.
  • the method for displaying the customized content of the webpage is implemented by adding a webpage node, and the webpage is sent by the server and the webpage content resource is customized by the server without modifying the mobile client, so that after the user opens the webpage, the display is added.
  • FIG. 5 shows a detailed flow of a method of displaying webpage custom content according to an embodiment of the present invention.
  • the detailed process of displaying the customized content of the webpage includes:
  • S510 The mobile browser is started, and the user initiates the mobile browser, and the client sends a signal requesting the resource to the server, and the server sends the client to insert a URL list of the customized web interface and the corresponding customized interface code resource.
  • the client obtains a list of URLs and corresponding custom interface code resources that need to be inserted into the customized web interface, and the URL list and the corresponding custom interface code resources that need to be inserted into the customized web interface can be delivered through the server. To the client, it can also be preset in the client.
  • a custom interface code corresponds to a web page of a subdomain under the same domain name. The webpage under the same domain name is generally similar, and can be adapted by the same set of codes.
  • the URL list that needs to be inserted into the customized webpage interface is used to determine whether the webpage source code of the current page needs to be added to the custom interface, and the URL corresponding to the current page (ie, the webpage page corresponding to the webpage input by the user) needs to be inserted.
  • the location where you want to insert a web page node and the content of the web page node that displays the custom web interface can be found in the custom interface code resource.
  • custom interface code resources The data structure is shown in Table 1:
  • S520 The user enters the URL and clicks Load.
  • the user inputs and loads the URL that needs to be accessed in the user address field of the launched mobile browser, and at the same time, the client initiates a request for the resource of the customized webpage source.
  • step S530 Determine whether the URL is in the list of URLs that need to be inserted into the customized webpage interface. When the input URL is in the list of URLs that need to be inserted into the customized webpage interface, the process proceeds to step S540, otherwise, the process proceeds to step S580.
  • the client determines whether the URL input by the user is in the list of URLs that need to be inserted into the customized webpage interface, and executes the next content according to the judgment result, if the URL input by the user is not in the list of URLs that need to be inserted into the customized webpage interface. , the process of continuing to browse the webpage, and displaying the original webpage normally.
  • the location where the node of the web page is inserted is sent by the server to obtain the insertion of the server. After entering the node location, find the corresponding insertion location in the webpage source code through dynamic script, and insert the custom interface. In the process of finding the location where the web page node needs to be inserted, according to the custom interface code resource, traverse the webpage source code, and determine the location of the webpage node that needs to be added to add the custom webpage interface.
  • the method for inserting a web page node provided by JavaScript is used to insert a web page node displaying a custom web page interface in the webpage source code, and the client does not need to add an additional interface layer code. Underneath, to achieve a custom content interface on the web page, enrich the displayed content.
  • the content of the web page node displaying the custom web interface is inserted into the webpage source code through the dynamic script.
  • the script is inserted into the customized web page node in the webpage source code, and the custom webpage interface is implemented by embedding the webpage node.
  • the embedded script is essentially a piece of text that supports publishing, and the operation of inserting nodes is also common. Just ensure that the web page after inserting the custom interface node can be displayed normally, and you can insert any interface into different web pages without modifying the client.
  • the dynamic script is JavaScript, Jquery or PHP.
  • a new web page inserted with a web page node displaying a custom web page interface is submitted for browsing kernel rendering, and a web page containing a custom web page interface is displayed. After the interface that needs to be displayed, the user can also operate on the webpage without blocking the user.
  • the custom interface is implemented by embedding the webpage node and is integrated with the original webpage.
  • the method for displaying the customized content of the webpage uses a webpage dynamic scripting language JavaScript to perform traversal and insertion of the webpage node, and the webpage is added on the webpage without adding additional interface layer code on the client side.
  • a customized content interface that enriches the display content.
  • the method for displaying a webpage customized content of the present invention is in a user's address bar.
  • the rendering operation of the webpage node is interrupted, and the webpage source code returned by the server accessed by the user is intercepted, and the webpage node needs to be inserted.
  • Create a new web page node insert a custom interface into the web page, and then perform the operation of rendering the web page node.
  • the inserted custom interface is an external resource file for the application, which can support the server to dynamically update and deliver the client.
  • the client only needs to update the data after issuing a new custom web interface resource, and the client does not need to be modified.
  • the code and the resource through the server to issue the URL list and the customized web content resource, enable the user to display the webpage after adding the customized content after opening the webpage.
  • the UC browser and the resource delivery server implement the method for displaying the customized webpage content of the present invention.
  • the browser will request the background resource to send the server, obtain the URL list and the corresponding custom interface code resource that need to be inserted into the customized web interface.
  • FIG. 8 is a diagram showing a webpage display corresponding to a custom node in a method for displaying webpage custom content according to an embodiment of the present invention.
  • the webpage www.jd.com that the user wants to visit is in the list of URLs that need to be inserted into the customized webpage interface
  • the webpage corresponding to the custom node delivered by the server of the corresponding website is displayed as shown in FIG.
  • the content will display different price comparison information according to the website page.
  • the user opens the webpage by using the browser.
  • the server determines whether the domain name of the webpage to be accessed is in the webpage list that needs to be inserted into the customized webpage interface, if not in the domain name list, for example, visit www. Baidu.com, take the normal web browsing process.
  • the http request is initiated to the web server, and the process of rendering the webpage rendering is stopped after obtaining the webpage source code, according to Corresponding issued custom interface code resources, traversing the source code of the webpage, and finding the location of the webpage node where the custom webpage node code needs to be added.
  • the webpage source code after inserting the customized webpage node code is submitted to the browser kernel for rendering and rendering of the webpage, and the webpage with the custom interface added to the user is displayed.
  • FIG. 7 is a diagram showing a webpage display after adding a custom interface in a method for displaying webpage customized content according to an embodiment of the present invention.
  • the customized interface added by the method for displaying the customized content of the webpage of the present invention is the interface in the big box at the lower left of FIG. 7 , which displays the information of the price comparison, and the webpage interface is integrated, and does not hinder the user.
  • the present invention also provides a system for displaying webpage custom content
  • FIG. 6 shows a system logic structure for displaying webpage custom content according to an embodiment of the present invention.
  • the system 600 for displaying webpage customized content includes a webpage source source obtaining unit 610, a location searching unit 620, a webpage node inserting unit 630, and a webpage displaying unit 640.
  • the webpage source obtaining unit 610 is configured to obtain the webpage source code of the webpage to be accessed when the webpage to be accessed needs to be inserted into the webpage, and stop the rendering of the webpage to be accessed;
  • the location searching unit 620 is configured to obtain the to-be-accessed After the webpage source code of the webpage is obtained, the location of the webpage node that needs to be inserted into the custom webpage interface is obtained according to the custom webpage interface code resource;
  • the webpage node insertion unit 630 is configured to insert the webpage of the custom webpage interface according to the found needs.
  • the webpage display unit 640 is configured to render the webpage source of the content of the webpage node into which the custom webpage interface is inserted, and Render the rendered web page to the user.
  • the webpage source obtaining unit 610 further includes: a webpage determining unit (not shown) for determining whether the webpage to be accessed needs to be inserted into the customized webpage interface according to the webpage list to be inserted into the customized webpage interface, that is, the mobile webpage
  • a webpage determining unit for determining whether the webpage to be accessed needs to be inserted into the customized webpage interface according to the webpage list to be inserted into the customized webpage interface, that is, the mobile webpage
  • the mobile browser determines whether the URL input by the user is in the list of URLs that need to be inserted into the customized web interface, and the webpage to be accessed needs to be inserted into the customized webpage interface.
  • the notification webpage display unit 640 stops the rendering of the webpage to be accessed.
  • the notification webpage display unit 640 continues to browse the webpage, and the normal operation is normal. Show original page.
  • the customized webpage interface code resource includes: a webpage of a webpage that needs to be inserted into the customized webpage interface, an insertion location of the webpage node of the custom webpage interface, and a webpage node code segment of the customized webpage interface. .
  • the content of the webpage node displaying the custom webpage interface is inserted into the webpage source code by the dynamic script, and the location of the insertion node is delivered by the server, and the location of the insertion node sent by the server is obtained.
  • the dynamic script finds the corresponding location in the webpage source code and inserts the new webpage node.
  • the dynamic script is JavaScript, Jquery, PHP, or the like.
  • the method and system for displaying customized content of the webpage of the invention solves the situation that the client code and the interface need to be modified when displaying the customized content, reduces the labor and resource consumption, and has flexible operation mode, and can also provide users with rich content. Browse experience.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Data Mining & Analysis (AREA)
  • Health & Medical Sciences (AREA)
  • Artificial Intelligence (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • Information Transfer Between Computers (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)

Abstract

本发明提供一种显示网页自定义内容的方法及系统，其中的方法包括：在用户向地址栏内填入网址并进行网页访问后，如果当前访问的网页需要加载自定义界面，则中断对于网页结点的渲染操作，并截取用户访问的网址的服务器返回的网页源码，在需要插入网页结点的位置新建网页结点，插入自定义界面到网页，然后再进行网页结点渲染显示的操作。利用上述显示网页自定义内容的方法及系统能够在不修改客户端的情况下，动态修改网页显示自定义的内容。

Description

显示网页自定义内容的方法及系统
本发明要求于2014年2月27日提交中国专利局、申请号为201410069433.2、发明名称为“显示网页自定义内容的方法及系统”的中国专利申请的优先权，其全部内容通过引用结合在本发明中。
技术领域
本发明涉及移动浏览器领域，更为具体地，涉及一种显示网页自定义内容的方法及系统。
背景技术
网页浏览器是用来显示网页服务器或者档案系统内的文件，并让用户与这些文件产生互动的一种软件。其中，网页显示的内容包括文字、影像或资讯信息。在实际应用中，如果浏览器需要在加载网页之后显示自定义的内容，需要工作人员另外制作界面来显示自定义的内容。此外，如果需要修改界面的内容则必须修改客户端应用程序的代码和资源。
图1示出了传统客户端修改界面代码至用户得到新界面程序的流程。
如图1所示，客户端修改界面代码至用户得到新界面的过程包括：
S110：对需要自定义的界面进行修改，此处对需要自定义的界面进行修改是通过修改客户端的代码来实现的；
S120：客户端开发人员修改对应的客户端代码，并准备相应的图片、样式等资源；
S130：对修改之后的客户端应用程序的代码和资源进行测试，并按流程提交上线；
S140：通知用户更新应用。
其中，步骤S130测试后按流程提交上线的过程，一般会耗费很长时间，修改客户端的代码需要的测试会更多，在客户端出现问题的情况下， 还必须重新修改代码上线，由此带来的问题就是改动大、耗费成本高。
图2示出了传统显示网页自定义内容的方法在客户端实现的流程。
如图2所示，传统显示网页自定义内容的方法在客户端实现包括：
S210：启动移动浏览器，向服务器发出请求资源信号，服务器返回需要加载自定义界面的网址列表；
S220：用户在用户地址栏输入想要浏览的网址并点击进行加载；
S230：客户端判断当前网页是否需要加载自定义界面；
S240：加载用户输入的网页，当用户输入网址对应的网页需要加载自定义界面时，加载用户输入的网页；
S250：客户端弹出阻塞式的界面，在加载用户输入的网页之后，对含有自定义内容的界面进行显示；
S260：当用户输入的网址对应的网页不需要加载自定义界面时，走正常加载网页的流程，显示原有网页界面。
其中，使用客户端实现对自定义网页的显示，客户端原生界面阻挡用户进行网页浏览操作，自定义界面与原生网页风格不协调，网页需要修改，客户端也需要进行修改，操作复杂。
利用传统方法插入自定义内容时页面时的页面示意图如图9所示，页面左部打X的区域用户不可控，只有页面右部区域可以操作，制作的界面与原页面内容不协调。
综上所述，一般浏览器如果需要在加载网页后显示自定义的内容，需要修改界面则必须修改客户端应用程序的代码和资源，修改客户端应用程序的代码和界面的代价和耗费比较大；同时，还需要另外制作界面来显示，这样制作的界面很难与原页面内容相协调，会在一定程度上阻碍用户对该网页的操作，用户体验差。
发明内容
鉴于上述问题，本发明的目的是提供一种显示网页自定义内容的方法及系统，以解决目前显示网页自定义内容的方法中需要修改客户端的代码和资源，改动大、耗费成本高、自定义页面与原页面不协调的问题。
根据本发明的一个方面，提供了一种显示网页自定义内容的方法，包括：
当待访问的网页需要插入自定义网页界面时，获取待访问的网页的网页源码，并停止对待访问的网页的渲染；
在获取的网页源码中查找需要插入所述自定义网页界面的网页结点的位置；
根据所查找到的需要插入所述自定义网页界面的网页结点的位置，将所述自定义网页界面的网页结点代码段插入到所述网页源码中；
将插入有自定义网页界面的网页结点代码段的网页源码进行网页渲染，并将渲染后的网页显示。
其中，根据自定义网页界面代码资源，在网页源码中查找需要插入所述自定义网页界面的网页结点的位置；其中，自定义网页界面代码资源包括：需要插入所述自定义网页界面的网页的网址、所述自定义网页界面的网页结点的插入位置以及所述自定义网页界面的网页结点代码段。
其中，还包括：根据所述需插入所述自定义网页界面的网址列表判断所述待访问的网页是否需要插入所述自定义网页界面；当所述待访问的网页需要插入所述自定义网页界面时，获取所述待访问的网页的网页源码，停止对所述待访问的网页的渲染；当所述待访问的网页不需要插入所述自定义网页界面时，继续浏览网页的流程，正常显示原有网页。
其中，通过动态脚本将所述自定义网页界面的网页结点代码段插入到网页源码中。
其中，动态脚本为JavaScript、Jquery或者PHP。
另一方面，本发明还提供一种显示网页自定义内容的系统，包括：
网页源码获取单元，用于在待访问的网页需要插入自定义网页界面时，获取待访问的网页的网页源码，并停止对待访问的网页的渲染；
位置查找单元，用于在获取待访问的网页的网页源码之后，根据自定义网页界面代码资源获取需要插入所述自定义网页界面的网页结点的位置；
网页结点插入单元，用于根据所查找到的需要插入所述自定义网页界面的网页结点的位置，将所述自定义网页界面的网页结点的内容插入到网页源码中；
网页显示单元，用于将插入有自定义网页界面的网页结点的内容的网页源码进行网页渲染，并将渲染后的网页呈现给用户。
其中，在位置查找单元中，自定义网页界面代码资源包括：需要插入所述自定义网页界面的网页的网址、自定义网页界面的网页结点的插入位置以及所述自定义网页界面的网页结点代码段。
其中，进一步包括：网址判断单元，用于获取需插入所述自定义网页界面的网址列表和所述自定义网页界面的代码资源，并根据所述需插入所述自定义网页界面的网址列表判断所述待访问的网页是否需要插入所述自定义网页界面；当待访问的网页需要插入自定义网页界面时，通知所述网页源码获取单元获取所述待访问的网页的所述网页源码，通知所述网页显示单元停止对所述待访问的网页的渲染；当所述待访问的网页不需要插入所述自定义网页界面时，通知所述网页显示单元继续浏览网页的流程，正常显示原有网页。
其中，在网页结点插入单元中，通过动态脚本将所述自定义网页界面的网页结点代码段插入到网页源码中。
其中，动态脚本为JavaScript、Jquery或者PHP。
再一方面，提供一种终端，包括：处理器；用于存储处理器可执行指令的存储器；其中，
所述存储器，用于存储计算机执行指令；
所述处理器，用于执行所述存储器存储的所述计算机执行指令，当待访问的网页需要插入自定义网页界面时，获取所述待访问的网页的网页源码，并停止对所述待访问的网页的渲染；在获取的所述网页源码中查找需要插入所述自定义网页界面的网页结点的位置；根据所查找到的需要插入所述自定义网页界面的网页结点的位置，将所述自定义网页界面的网页结点代码段插入到所述网页源码中；将插入有所述自定义网页界面的网页结点代码段的网页源码进行网页渲染，并将渲染后的网页显 示。
其中，所述处理器，具体用于根据自定义网页界面代码资源，在所述网页源码中查找需要插入所述自定义网页界面的网页结点的位置；其中，所述自定义网页界面代码资源包括：需要插入所述自定义网页界面的网页的网址、所述自定义网页界面的网页结点的插入位置以及所述自定义网页界面的网页结点代码段。
其中，所述处理器，还用于获取需插入所述自定义网页界面的网址列表和所述自定义网页界面代码资源；根据所述需插入所述自定义网页界面的网址列表判断所述待访问的网页是否需要插入所述自定义网页界面；当所述待访问的网页需要插入所述自定义网页界面时，获取所述待访问的网页的网页源码，停止对所述待访问的网页的渲染；当所述待访问的网页不需要插入所述自定义网页界面时，继续浏览网页的流程，正常显示原有网页。
其中，所述处理器，具体用于通过动态脚本将所述自定义网页界面的网页结点代码段插入到所述网页源码中。
其中，所述动态脚本为JavaScript、Jquery或者PHP。
又一方面，提供一种非临时性计算机可读存储介质，包括计算机执行指令，以供计算机的处理器执行所述计算机执行指令时，所述计算机执行前述的显示网页自定义内容的方法。
利用上述根据本发明的显示网页自定义内容的方法及系统，可以在不修改移动客户端的情况下，通过服务器下发网址列表和自定义网页内容资源，实现用户打开网页后，显示添加自定义内容后的网页，避免显示自定义内容需要修改客户端代码和界面的情况发生，减轻了人力和资源的耗费，并且不需要额外生成界面显示自定义页面，不会阻碍用户的操作，提高用户的浏览体验。
为了实现上述以及相关目的，本发明的一个或多个方面包括后面将详细说明并在权利要求中特别指出的特征。下面的说明以及附图详细说明了本发明的某些示例性方面。然而，这些方面指示的仅仅是可使用本 发明的原理的各种方式中的一些方式。此外，本发明旨在包括所有这些方面以及它们的等同物。
附图说明
通过参考以下结合附图的说明及权利要求书的内容，并且随着对本发明的更全面理解，本发明的其它目的及结果将更加明白及易于理解。在附图中：
图1为传统客户端修改界面代码至用户得到新界面程序的流程图；
图2为传统显示网页自定义内容的方法在客户端实现的流程图；
图3为根据本发明实施例的显示网页自定义内容的方法流程图；
图4为根据本发明实施例的显示网页自定义内容的方法在需要修改界面时的流程示意图；
图5为根据本发明实施例的显示网页自定义内容的方法详细流程图；
图6为根据本发明实施例的显示网页自定义内容的系统方框示意图；
图7为根据本发明实施例的显示网页自定义内容的方法中添加自定义界面之后的网页显示图：
图8为根据本发明实施例的显示网页自定义内容的方法中自定义结点对应的网页显示图；
图9为利用传统方法插入自定义内容时页面的状态示意图。
在所有附图中相同的标号指示相似或相应的特征或功能。
具体实施方式
以下将结合附图对本发明的具体实施例进行详细描述。
出于说明的目的，在下面对本发明具体实施方式的表述中，“移动浏览器”和“客户端”为同一概念，也可以将“移动浏览器”理解为“客户端”的一种但不是唯一的一种具体表现形式。
图3示出了根据本发明实施例的显示网页自定义内容的方法的流程。
如图3所示，本发明提供的显示网页自定义内容的方法包括：
S310：待访问的网页需要插入自定义网页界面时，获取待访问的网 页的网页源码，并停止对待访问的网页的渲染。
其中，在用户向移动浏览器输入要访问的网址之前，启动移动浏览器，在启动移动浏览器的同时会发出请求自定义网页的网页源码资源的信息。在移动浏览器向服务器发起请求时，还包括获取插入自定义网页界面的网址列表和与网址列表中的网址相对应的自定义界面的代码资源。对于插入自定义网页界面的网址列表和与网址列表中的网址相对应的自定义界面的代码资源的获取可以通过服务器下发到客户端，也可以预置在客户端中。
此外，在该步骤中当用户输入的网址不在需要插入自定义网页界面的网址列表中时，继续浏览网页的流程，正常显示原有网页。
S320：在获取的网页源码中查找需要插入自定义网页界面的网页结点的位置。
该步骤中，根据自定义网页界面代码资源，在网页源码中查找需要插入自定义网页界面的网页结点的位置，其中，
自定义网页界面代码资源包括：需要插入自定义网页界面的网页的网址、自定义网页界面的网页结点的插入位置以及自定义网页界面的网页结点代码段。
S330：根据所查找到的需要插入自定义网页界面的网页结点的位置，将自定义网页界面的网页结点代码段插入到所述网页源码中，其中，
在根据所查找到的需要插入显示自定义网页界面的网页结点的位置，通过动态脚本将显示自定义网页界面的网页结点的内容插入到网页源码中，其中的动态脚本为JavaScript、Jquery或者PHP(Hypertext Preprocessor，超文本预处理器)。其中，Jquery是轻量级的JavaScript库。
S340：将插入有显示自定义网页界面的网页结点的内容的网页源码进行网页渲染，并将渲染后的网页呈现给用户。
在该步骤中将渲染后的含有自定义内容的网页界面显示给用户之后，显示的含有自定义网页界面的网页还可以进行操作，不会对用户造成阻塞，自定义界面使用嵌入网页结点的方式实现，确保与原网页融为一体。
需要说明的是，本发明提供的显示网页自定义内容的方法还包括：获取需插入自定义网页界面的网址列表和自定义网页界面代码资源。根据需插入自定义网页界面的网址列表判断待访问的网页是否需要插入自定义网页界面；当待访问的网页需要插入自定义网页界面时，获取待访问的网页的网页源码，停止对待访问的网页的渲染；当待访问的网页不需要插入自定义网页界面时，继续浏览网页的流程，正常显示原有网页。
其中，需插入自定义网页界面的网址列表和自定义网页界面代码资源可以通过服务器下发到客户端，也可以预置在客户端中。
其中，在用户打开网页时会请求对应的网页服务器网页源码的资源，之后网页服务器返回网页源码的信息，例如，访问www.xx.com，则向该网页服务器发起http请求，获取到网页源码后停止网页渲染描绘的流程，根据对应的下发的自定义界面代码资源，遍历网页源码，查找到需要添加自定义网页结点代码的网页结点的位置。
本发明的显示网页自定义内容的方法，可以在不修改移动客户端的情况下，通过服务器下发网址列表和自定义网页内容资源，实现用户打开网页后，显示添加自定义内容后的网页，避免显示自定义内容需要修改客户端代码和界面的情况发生，减轻了人力和资源的耗费，并且不需要额外生成界面显示自定义页面，不会阻碍用户的操作，提高用户体验。
本发明的显示网页自定义内容的方法主要是通过增加网页结点来实现的，图4示出了根据本发明实施例的显示网页自定义内容的方法在需要修改界面时的流程。
如图4所示，显示网页自定义内容的方法在需要修改界面时的流程包括：
S410：对需要自定义的界面进行修改，此时的修改是通过增加网页结点的方法来实现的。
S420：客户端开发人员修改自定义网页的代码，并准备图片、样式等资源。
在这一步骤中采用增加网页结点来显示网页自定义内容，通过更新自定义网页的代码实现对自定义界面内容的更新，避免通过反复修改客 户端的代码实现对自定义界面的修改。
S430：将修改测试后的自定义界面的代码和资源部署到服务器。
其中，自定义界面的代码修改测试后马上部署到服务器，用户可以立刻获取到最新的自定义界面，在出现问题之后，可以通过对自定义网页的代码进行修改来实现对自定义界面的修改，不需要花费很长时间对客户端代码进行修改。
S440：用户不需要更新应用，启动移动浏览器即可获得最新的自定义界面。
本发明的显示网页自定义内容的方法通过增加网页结点来实现，可以在不修改移动客户端的情况下，通过服务器下发网址列表和自定义网页内容资源，实现用户打开网页后，显示添加自定义内容后的网页，避免显示自定义内容需要修改客户端代码和界面的情况发生，减轻了人力和资源的耗费。
具体地，图5示出了根据本发明实施例的显示网页自定义内容的方法详细流程。
如图5所示，显示网页自定义内容的方法详细流程包括：
S510：启动移动浏览器，通过用户启动移动浏览器，客户端向服务器发出请求资源的信号，同时服务器下发客户端需要插入自定义网页界面的网址列表和对应的自定义界面代码资源。
其中，客户端获取一套需要插入自定义网页界面的网址列表和对应的自定义界面代码资源的过程中，需要插入自定义网页界面的网址列表和对应的自定义界面代码资源可以通过服务器下发到客户端，也可以预置在客户端中。一个自定义界面代码对应同一域名下的子域名的网页，同一个域名下的网页的写法一般是类似的，可以通过同一套代码适配。
具体地，需要插入自定义网页界面的网址列表用于判断当前页面的网页源码是否需要加入自定义界面，当当前页面(即用户输入的网址所对应的网页页面)所对应的网址在需要插入自定义网页界面的网址列表中时，需要插入网页结点的位置以及显示自定义网页界面的网页结点的内容可以在自定义界面代码资源中找到。其中，自定义界面代码资源的 数据结构如表1所示：
Figure PCTCN2014087761-appb-000001
表1
S520：用户输入网址，并点击加载。
具体地，用户向启动的移动浏览器的用户地址栏中输入需要访问的网址并进行加载，于此同时，客户端发起对自定义网页源码的资源的请求。
S530：判断网址是否在需要插入自定义网页界面的网址列表中，当输入网址在需要插入自定义网页界面的网址列表中时，进入步骤S540，否则进入步骤S580。
具体地，通过客户端来判断用户输入的网址是否在需要插入自定义网页界面的网址列表中，并根据判断结果执行下一步内容，如果用户输入的网址不在需要插入自定义网页界面的网址列表中，则继续浏览网页的流程，正常显示原有网页。
S540：获取网页源码。
当用户输入的网址在需要插入自定义网页界面的网址列表中时，停止网页渲染的流程，并向该网页服务器发起http请求，获取对应网页源码的信息。
S550：查找需要插入网页结点的位置。
其中，插入网页结点的位置通过服务器下发，获得服务器下发的插 入结点位置后，通过动态脚本在网页源码中找到相应的插入位置，并进行自定义界面的插入。在查找需要插入网页结点的位置的过程中，根据自定义界面代码资源，遍历网页源码，确定添加自定义网页界面需要添加的网页结点的位置。其中，在本发明的一个具体实施方式中使用JavaScript提供的插入网页结点的方法appendChild在网页源码中插入显示自定义网页界面的网页结点，在客户端不需要添加额外的界面层代码的情况下，实现在网页上添加自定义的内容界面，丰富显示的内容。
S560：网页结点的插入。
通过动态脚本在网页源码中插入显示自定义网页界面的网页结点的内容。其中，通过脚本在网页源码插入自定义的网页结点中，自定义网页界面使用嵌入网页结点的方式实现。而嵌入的脚本本质上是一段文本，支持下发，插入结点的操作也是通用的。只需要保证插入自定义界面结点后的网页可以显示正常，就可以实现不修改客户端的情况下，在不同的网页中插入任意的界面。在通过动态脚本将显示自定义网页界面的网页结点的内容插入到网页源码的过程中，该动态脚本为JavaScript、Jquery或者PHP。
S570：网页显示。
将插入有显示自定网页界面的网页结点的新的网页提交浏览内核渲染，并将含有自定义网页界面的网页进行显示。出现需要显示的界面之后，用户还可以对网页进行操作，不会对用户造成阻塞，自定义界面使用嵌入网页结点方式实现，与原网页融为一体。
S580：正常显示原有网页。
具体地，当用户输入的网址网址不在需要插入自定义网页界面的网址列表中时，则继续浏览网页的流程，正常显示原有网页。
本发明显示网页自定义内容的方法实施例中使用了一种网页动态脚本语言JavaScript来进行网页结点的遍历和插入，在客户端不需要添加额外的界面层代码的情况下，在网页上添加自定义的内容界面，丰富显示内容。
综上所述，本发明的显示网页自定义内容的方法在用户向地址栏内 填入网址并进行网页访问后，如果当前访问的网页需要加载自定义界面，则中断对于网页结点的渲染操作，并截取用户访问的网址的服务器返回的网页源码，在需要插入网页结点的位置新建网页结点，插入自定义界面到网页，然后再进行网页结点渲染显示的操作。而插入的自定义界面对于应用程序来说是外部的一个资源文件，可以支持服务器动态更新下发，客户端只需要在下发新的自定义网页界面资源之后更新数据则可，不需要修改客户端的代码和资源，通过服务器下发网址列表和自定义网页内容资源，实现用户打开网页后，显示添加自定义内容后的网页。
在ipad系统平台上，UC浏览器和资源下发服务器实现了本发明的显示自定义网页内容的方法。
下述具体实例将对本发明的显示自定义网页内容的方法进行再次说明。
1、启动浏览器，之后浏览器会请求后台资源下发服务器，获取需要插入自定义网页界面的网址列表和对应的自定义界面代码资源。
图8示出了根据本发明实施例的显示网页自定义内容的方法中自定义结点对应的网页显示图。
例如，若用户想要访问的网址www.jd.com在需要插入自定义网页界面的网址列表中，则对应网站的服务器下发的自定义结点对应的网页显示如图8所示，其中显示的内容会根据网站网页的不同而显示不同的比价信息。
2、用户使用浏览器打开网页，在对网页服务器发起网页请求前，服务器判断需访问的网页的域名是否在需要插入自定义网页界面的网址列表，如果不在域名列表中，例如此时访问www.baidu.com，则走正常的网页浏览流程。
3、如果当前的域名在需要插入自定义网页界面的网址列表中的时，例如访问www.XX.com，则向该网页服务器发起http请求，获取到网页源码后停止网页渲染描绘的流程，根据对应的下发的自定义界面代码资源，遍历网页源码，查找到需要添加自定义网页结点代码的网页结点位置。
4、查找到需要插入网页代码资源的网页结点位置后，使用JavaScript的插入网页结点的方法，插入步骤1中服务器下发的自定义的网页结点代码。
5、将插入的自定义的网页结点代码后的网页源码提交浏览器内核进行网页渲染和描绘，显示给用户添加了自定义界面的网页。
图7示出了本发明实施例的显示网页自定义内容的方法中添加自定义界面之后的网页显示图。
如图7所示，通过本发明的显示网页自定义内容的方法添加的自定义界面就是图7中左下方大方框内的界面，显示出比价的信息，且网页界面为一体，不会阻碍用户对网页的操作。
与上述方法相对应，本发明还提供了一种显示网页自定义内容的系统，图6示出了根据本发明实施例的显示网页自定义内容的系统逻辑结构。
如图6所示，本发明提供的显示网页自定义内容的系统600包括网页源码获取单元610、位置查找单元620、网页结点插入单元630、网页显示单元640。
其中，网页源码获取单元610用于在待访问的网页需要插入自定义网页界面时，获取待访问的网页的网页源码，并停止对待访问的网页的渲染；位置查找单元620用于在获取待访问的网页的网页源码之后，根据自定义网页界面代码资源获取需要插入自定义网页界面的网页结点的位置；网页结点插入单元630用于根据所查找到的需要插入自定义网页界面的网页结点的位置，将自定义网页界面的网页结点的内容插入到所述网页源码中；网页显示单元640用于将插入有自定义网页界面的网页结点的内容的网页源码进行网页渲染，并将渲染后的网页呈现给用户。
其中，网页源码获取单元610进一步包括：网址判断单元(图中未示出)，用于根据需插入自定义网页界面的网址列表判断待访问的网页是否需要插入自定义网页界面，即移动浏览器根据用户输入的网址向服务器发起访问请求时，移动浏览器判断用户输入的网址是否在需要插入自定义网页界面的网址列表中，当待访问的网页需要插入自定义网页界面 时，获取待访问的网页的网页源码，通知网页显示单元640停止对待访问的网页的渲染，当待访问的网页不需要插入自定义网页界面时，通知网页显示单元640继续浏览网页的流程，正常显示原有网页。
其中，在位置查找单元620中，自定义网页界面代码资源包括：需要插入自定义网页界面的网页的网址、自定义网页界面的网页结点的插入位置以及自定义网页界面的网页结点代码段。
其中，在网页结点插入单元630中，通过动态脚本将显示自定义网页界面的网页结点的内容插入到网页源码中，插入节点位置通过服务器下发，获取到服务器下发的插入节点位置后，由动态脚本在网页源码中找到相应的位置并插入新建网页结点。
需要说明的是，在网页结点插入单元630中，动态脚本为JavaScript、Jquery或者PHP等。
通过本发明的显示网页自定义内容的方法及系统，解决了显示自定义内容时客户端代码和界面需要修改的情况，减轻了人力和资源的耗费，操作方式灵活，同时也可以提供用户丰富的浏览体验。
如上参照附图以示例的方式描述根据本发明的显示网页自定义内容的方法及系统。但是，本领域技术人员应当理解，对于上述本发明所提出的显示网页自定义内容的方法及系统，还可以在不脱离本发明内容的基础上做出各种改进。因此，本发明的保护范围应当由所附的权利要求书的内容确定。

Claims (16)

  1. 一种显示网页自定义内容的方法，其特征在于，包括：
    当待访问的网页需要插入自定义网页界面时，获取所述待访问的网页的网页源码，并停止对所述待访问的网页的渲染；
    在获取的所述网页源码中查找需要插入所述自定义网页界面的网页结点的位置；
    根据所查找到的需要插入所述自定义网页界面的网页结点的位置，将所述自定义网页界面的网页结点代码段插入到所述网页源码中；
    将插入有所述自定义网页界面的网页结点代码段的网页源码进行网页渲染，并将渲染后的网页显示。
  2. 如权利要求1所述的显示网页自定义内容的方法，其特征在于，根据自定义网页界面代码资源，在所述网页源码中查找需要插入所述自定义网页界面的网页结点的位置；其中，
    所述自定义网页界面代码资源包括：需要插入所述自定义网页界面的网页的网址、所述自定义网页界面的网页结点的插入位置以及所述自定义网页界面的网页结点代码段。
  3. 如权利要求2所述的显示网页自定义内容的方法，其特征在于，还包括：
    获取需插入所述自定义网页界面的网址列表和所述自定义网页界面代码资源；
    根据所述需插入所述自定义网页界面的网址列表判断所述待访问的网页是否需要插入所述自定义网页界面；当所述待访问的网页需要插入所述自定义网页界面时，获取所述待访问的网页的网页源码，停止对所述待访问的网页的渲染；当所述待访问的网页不需要插入所述自定义网页界面时，继续浏览网页的流程，正常显示原有网页。
  4. 如权利要求1至3任一项所述的显示网页自定义内容的方法，其特征在于，通过动态脚本将所述自定义网页界面的网页结点代码段插入到所述网页源码中。
  5. 如权利要求4所述的显示网页自定义内容的方法，其特征在于，所述动态脚本为JavaScript、Jquery或者PHP。
  6. 一种显示网页自定义内容的系统，其特征在于，包括：
    网页源码获取单元，用于在待访问的网页需要插入自定义网页界面时，获取待访问的网页的网页源码，并停止对待访问的网页的渲染；
    位置查找单元，用于在获取待访问的网页的网页源码之后，根据自定义网页界面代码资源获取需要插入所述自定义网页界面的网页结点的位置；
    网页结点插入单元，用于根据所查找到的需要插入所述自定义网页界面的网页结点的位置，将所述自定义网页界面的网页结点的内容插入到所述网页源码中；
    网页显示单元，用于将插入有所述自定义网页界面的网页结点的内容的网页源码进行网页渲染，并将渲染后的网页呈现给用户。
  7. 如权利要求6所述的显示网页自定义内容的系统，其特征在于，所述自定义网页界面代码资源包括：需要插入所述自定义网页界面的网页的网址、所述自定义网页界面的网页结点的插入位置以及所述自定义网页界面的网页结点代码段。
  8. 如权利要求6所述的显示网页自定义内容的系统，其特征在于，进一步包括：
    网址判断单元，用于获取需插入所述自定义网页界面的网址列表和所述自定义网页界面的代码资源，并根据所述需插入所述自定义网页界面的网址列表判断所述待访问的网页是否需要插入所述自定义 网页界面；当待访问的网页需要插入自定义网页界面时，通知所述网页源码获取单元获取所述待访问的网页的所述网页源码，通知所述网页显示单元停止对所述待访问的网页的渲染；当所述待访问的网页不需要插入所述自定义网页界面时，通知所述网页显示单元继续浏览网页的流程，正常显示原有网页。
  9. 如权利要求6所述的显示网页自定义内容的系统，其特征在于，在所述网页结点插入单元中，通过动态脚本将所述自定义网页界面的网页结点代码段插入到所述网页源码中。
  10. 如权利要求9所述的显示网页自定义内容的系统，其特征在于，所述动态脚本为JavaScript、Jquery或者PHP。
  11. 一种终端，其特征在于，包括：处理器；用于存储处理器可执行指令的存储器；其中，
    所述存储器，用于存储计算机执行指令；
    所述处理器，用于执行所述存储器存储的所述计算机执行指令，当待访问的网页需要插入自定义网页界面时，获取所述待访问的网页的网页源码，并停止对所述待访问的网页的渲染；在获取的所述网页源码中查找需要插入所述自定义网页界面的网页结点的位置；根据所查找到的需要插入所述自定义网页界面的网页结点的位置，将所述自定义网页界面的网页结点代码段插入到所述网页源码中；将插入有所述自定义网页界面的网页结点代码段的网页源码进行网页渲染，并将渲染后的网页显示。
  12. 根据权利要求11所述的终端，其特征在于，所述处理器，具体用于根据自定义网页界面代码资源，在所述网页源码中查找需要插入所述自定义网页界面的网页结点的位置；其中，
    所述自定义网页界面代码资源包括：需要插入所述自定义网页界 面的网页的网址、所述自定义网页界面的网页结点的插入位置以及所述自定义网页界面的网页结点代码段。
  13. 根据权利要求12所述的终端，其特征在于，所述处理器，还用于获取需插入所述自定义网页界面的网址列表和所述自定义网页界面代码资源；根据所述需插入所述自定义网页界面的网址列表判断所述待访问的网页是否需要插入所述自定义网页界面；当所述待访问的网页需要插入所述自定义网页界面时，获取所述待访问的网页的网页源码，停止对所述待访问的网页的渲染；当所述待访问的网页不需要插入所述自定义网页界面时，继续浏览网页的流程，正常显示原有网页。
  14. 根据权利要求11-13任一项所述的终端，其特征在于，所述处理器，具体用于通过动态脚本将所述自定义网页界面的网页结点代码段插入到所述网页源码中。
  15. 根据权利要求114所述的终端，其特征在于，所述动态脚本为JavaScript、Jquery或者PHP。
  16. 一种非临时性计算机可读存储介质，其特征在于，包括计算机执行指令，以供计算机的处理器执行所述计算机执行指令时，所述计算机执行如权利要求1-5中任一项所述的显示网页自定义内容的方法。
PCT/CN2014/087761 2014-02-27 2014-09-29 显示网页自定义内容的方法及系统 WO2015127782A1 (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
US15/247,328 US10776564B2 (en) 2014-02-27 2016-08-25 Method and system for displaying webpage self-defined content

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201410069433.2A CN104063415B (zh) 2014-02-27 2014-02-27 显示网页自定义内容的方法及系统
CN201410069433.2 2014-02-27

Related Child Applications (1)

Application Number Title Priority Date Filing Date
US15/247,328 Continuation US10776564B2 (en) 2014-02-27 2016-08-25 Method and system for displaying webpage self-defined content

Publications (1)

Publication Number Publication Date
WO2015127782A1 true WO2015127782A1 (zh) 2015-09-03

Family

ID=51551130

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2014/087761 WO2015127782A1 (zh) 2014-02-27 2014-09-29 显示网页自定义内容的方法及系统

Country Status (3)

Country Link
US (1) US10776564B2 (zh)
CN (1) CN104063415B (zh)
WO (1) WO2015127782A1 (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113885762A (zh) * 2015-10-07 2022-01-04 谷歌有限责任公司 在非浏览器应用中集成内容

Families Citing this family (26)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US10805331B2 (en) 2010-09-24 2020-10-13 BitSight Technologies, Inc. Information technology security assessment system
US9438615B2 (en) 2013-09-09 2016-09-06 BitSight Technologies, Inc. Security risk management
CN104063415B (zh) 2014-02-27 2018-07-10 优视科技有限公司 显示网页自定义内容的方法及系统
CN104378762A (zh) * 2014-11-19 2015-02-25 北京极科极客科技有限公司 一种用户上网流量的监控方法
CN105005596B (zh) * 2015-07-02 2018-10-30 深圳市信锐网科技术有限公司 页面显示方法及装置
CN105159677A (zh) * 2015-09-09 2015-12-16 深圳Tcl数字技术有限公司 终端用户界面的受控显示方法及装置
US9959192B1 (en) * 2015-09-15 2018-05-01 Google Llc Debugging interface for inserted elements in a resource
US10148729B2 (en) * 2016-03-22 2018-12-04 Go Daddy Operating Company, LLC Hosting provider hosting routes from a media repository
CN107229642B (zh) * 2016-03-24 2021-03-02 创新先进技术有限公司 目标页面的页面资源显示、页面资源加载方法及装置
US10425380B2 (en) 2017-06-22 2019-09-24 BitSight Technologies, Inc. Methods for mapping IP addresses and domains to organizations using user activity data
CN107766528B (zh) * 2017-10-24 2021-09-28 深圳市雷鸟网络传媒有限公司 瀑布流页面的数据加载方法、终端和计算机可读存储介质
CN107704615B (zh) * 2017-10-24 2022-01-04 北京有字库网络科技有限公司 基于中文字体子集化的网页字体显示方法及系统
US10257219B1 (en) 2018-03-12 2019-04-09 BitSight Technologies, Inc. Correlated risk in cybersecurity
US10812520B2 (en) 2018-04-17 2020-10-20 BitSight Technologies, Inc. Systems and methods for external detection of misconfigured systems
US11200323B2 (en) 2018-10-17 2021-12-14 BitSight Technologies, Inc. Systems and methods for forecasting cybersecurity ratings based on event-rate scenarios
US10521583B1 (en) 2018-10-25 2019-12-31 BitSight Technologies, Inc. Systems and methods for remote detection of software through browser webinjects
CN111475138B (zh) * 2019-01-23 2023-04-25 阿里巴巴集团控股有限公司 基于weex框架的路由方法、装置、电子设备及可读介质
US10726136B1 (en) 2019-07-17 2020-07-28 BitSight Technologies, Inc. Systems and methods for generating security improvement plans for entities
US10848382B1 (en) 2019-09-26 2020-11-24 BitSight Technologies, Inc. Systems and methods for network asset discovery and association thereof with entities
US11032244B2 (en) 2019-09-30 2021-06-08 BitSight Technologies, Inc. Systems and methods for determining asset importance in security risk management
US10791140B1 (en) 2020-01-29 2020-09-29 BitSight Technologies, Inc. Systems and methods for assessing cybersecurity state of entities based on computer network characterization
US10893067B1 (en) 2020-01-31 2021-01-12 BitSight Technologies, Inc. Systems and methods for rapidly generating security ratings
US10764298B1 (en) 2020-02-26 2020-09-01 BitSight Technologies, Inc. Systems and methods for improving a security profile of an entity based on peer security profiles
US11023585B1 (en) 2020-05-27 2021-06-01 BitSight Technologies, Inc. Systems and methods for managing cybersecurity alerts
CN112230916A (zh) * 2020-10-10 2021-01-15 湖南皖湘科技有限公司 一种快速生成用户自定义网页的方法
US11122073B1 (en) 2020-12-11 2021-09-14 BitSight Technologies, Inc. Systems and methods for cybersecurity risk mitigation and management

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101320387A (zh) * 2008-07-11 2008-12-10 浙江大学 基于用户关注时间的网页文本与图像排序方法
CN101788991A (zh) * 2009-06-23 2010-07-28 北京搜狗科技发展有限公司 一种更新提醒的方法及系统
CN102662672A (zh) * 2012-04-05 2012-09-12 广州市动景计算机科技有限公司 对网页进行换肤处理的方法和装置以及移动终端
CN104063415A (zh) * 2014-02-27 2014-09-24 优视科技有限公司 显示网页自定义内容的方法及系统

Family Cites Families (27)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20050131992A1 (en) * 2003-12-11 2005-06-16 Eric Goldstein System, method and apparatus for selecting, displaying, managing, tracking and transferring access to content of web pages and other sources
JP3809863B2 (ja) * 2002-02-28 2006-08-16 インターナショナル・ビジネス・マシーンズ・コーポレーション サーバ
US7325196B1 (en) * 2003-06-16 2008-01-29 Microsoft Corporation Method and system for manipulating page control content
US7293034B2 (en) 2004-02-23 2007-11-06 Microsoft Coporation Dynamically customizing a user interface for the aggregation of content
WO2007079424A2 (en) * 2005-12-30 2007-07-12 Discovery Productions, Inc. Method for combining input data with run-time parameters into xml output using xsl/xslt
US20070256003A1 (en) * 2006-04-24 2007-11-01 Seth Wagoner Platform for the interactive contextual augmentation of the web
US20080120364A1 (en) * 2006-11-20 2008-05-22 Amalavoyal Chari Content insertion in a mesh network
US20080228819A1 (en) * 2007-02-01 2008-09-18 7 Billion People, Inc. Use of behavioral portraits in web site analysis
CN101115068B (zh) * 2007-07-19 2010-12-29 潘晓梅 在客户端调整网页显示内容的方法及系统
US8356277B1 (en) * 2008-04-04 2013-01-15 Adobe Systems Incorporated System and method for freezing operation of dynamic code of a run-time web page
US8311886B2 (en) * 2008-09-30 2012-11-13 Yahoo! Inc. System for display advertising optimization with uncertain supply
US20110055683A1 (en) * 2009-09-02 2011-03-03 Facebook Inc. Page caching for rendering dynamic web pages
US10360270B2 (en) * 2009-11-26 2019-07-23 Rakuten, Inc. Server apparatus, terminal apparatus, method for inserting information into web page, information insertion program, and recording medium with program recorded therein
US8751925B1 (en) * 2010-04-05 2014-06-10 Facebook, Inc. Phased generation and delivery of structured documents
US8676978B2 (en) * 2010-08-03 2014-03-18 Facebook, Inc. Efficient storage and retrieval of resources for rendering structured documents
US9317622B1 (en) * 2010-08-17 2016-04-19 Amazon Technologies, Inc. Methods and systems for fragmenting and recombining content structured language data content to reduce latency of processing and rendering operations
US20120089456A1 (en) * 2010-10-06 2012-04-12 Yahoo! Inc. System for search bid term selection
CN104820804A (zh) * 2010-12-30 2015-08-05 艾新顿公司 在线隐私管理
US8856028B2 (en) * 2011-01-24 2014-10-07 Yahoo! Inc. Inventory allocation for advertising with changeable supply landscape
US9098595B2 (en) * 2011-10-19 2015-08-04 Oracle International Corporation Adaptive navigation functionality in a web-based data-entry grid
US8910035B2 (en) * 2011-12-12 2014-12-09 Facebook, Inc. Display dialogs
US20130212465A1 (en) * 2012-02-09 2013-08-15 Alexander Kovatch Postponed rendering of select web page elements
KR20140117122A (ko) * 2013-03-26 2014-10-07 삼성전자주식회사 전자장치에서 동적으로 변하는 웹페이지 내용을 제어하는 방법 및 장치
WO2015041711A1 (en) * 2013-09-20 2015-03-26 Yottaa, Inc. Systems and methods for managing loading priority or sequencing of fragments of a web object
US9912767B1 (en) * 2013-12-30 2018-03-06 Sharethrough Inc. Third-party cross-site data sharing
US9451006B1 (en) * 2013-12-12 2016-09-20 Intuit Inc. Methods, systems, and articles of manufacture for configuration-based client-side resource resolution framework for customizable user experience
US9189207B2 (en) * 2014-03-11 2015-11-17 Telefonaktiebolaget L M Ericsson (Publ) Methods and systems for dynamic runtime generation of customized applications

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101320387A (zh) * 2008-07-11 2008-12-10 浙江大学 基于用户关注时间的网页文本与图像排序方法
CN101788991A (zh) * 2009-06-23 2010-07-28 北京搜狗科技发展有限公司 一种更新提醒的方法及系统
CN102662672A (zh) * 2012-04-05 2012-09-12 广州市动景计算机科技有限公司 对网页进行换肤处理的方法和装置以及移动终端
CN104063415A (zh) * 2014-02-27 2014-09-24 优视科技有限公司 显示网页自定义内容的方法及系统

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113885762A (zh) * 2015-10-07 2022-01-04 谷歌有限责任公司 在非浏览器应用中集成内容
US11995393B2 (en) 2015-10-07 2024-05-28 Google Llc Integration of content in non-browser applications

Also Published As

Publication number Publication date
CN104063415A (zh) 2014-09-24
US10776564B2 (en) 2020-09-15
US20160364496A1 (en) 2016-12-15
CN104063415B (zh) 2018-07-10

Similar Documents

Publication Publication Date Title
WO2015127782A1 (zh) 显示网页自定义内容的方法及系统
WO2017036309A1 (zh) 页面渲染方法、装置及设备
US20220247833A1 (en) Installable web applications
JP6051337B2 (ja) クライアント側ページ処理
US10678871B2 (en) Accelerating find in page queries within a web browser
WO2017113963A1 (zh) 一种静态化页面的处理方法及装置
US8656265B1 (en) Low-latency transition into embedded web view
US10185704B2 (en) Webpage browsing method, webapp framework, method and device for executing javascript and mobile terminal
US9361395B2 (en) System and method for providing offline access in a hosted document service
CN106294658B (zh) 网页快速展示方法和装置
WO2016026384A1 (zh) 一种客户端页面显示方法、装置及系统
WO2018176960A1 (zh) 显示网络图片的方法、装置以及用户终端
US9436482B2 (en) Input content to application via web browser
US9348939B2 (en) Web site sectioning for mobile web browser usability
WO2013178094A1 (zh) 页面显示方法及装置
US8516041B1 (en) Pre-fetching asynchronously requested content
US20180314677A1 (en) Mapping page states to urls
US20140039885A1 (en) Methods and apparatus for voice-enabling a web application
US20140039898A1 (en) Methods and apparatus for voiced-enabling a web application
US9292252B2 (en) Methods and apparatus for voiced-enabling a web application
TWI474202B (zh) 分析文件內容的方法、手持式電子裝置及電腦程式產品
EP2780795A1 (en) System and method for viewer-based image metadata sanitization
RU2634221C2 (ru) Способ и устройство для отрисовки представления электронного документа на экране
JP2019086931A (ja) 情報処理装置およびコンピュータプログラム
WO2019015326A1 (zh) 静态页面数据处理的方法及装置

Legal Events

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

Ref document number: 14883835

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: 14883835

Country of ref document: EP

Kind code of ref document: A1