CN104063415A - 显示网页自定义内容的方法及*** - Google Patents

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

Info

Publication number
CN104063415A
CN104063415A CN201410069433.2A CN201410069433A CN104063415A CN 104063415 A CN104063415 A CN 104063415A CN 201410069433 A CN201410069433 A CN 201410069433A CN 104063415 A CN104063415 A CN 104063415A
Authority
CN
China
Prior art keywords
webpage
self
web interface
need
insert
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN201410069433.2A
Other languages
English (en)
Other versions
CN104063415B (zh
Inventor
李晓明
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Alibaba China Co Ltd
Original Assignee
Ucweb Inc
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 Ucweb Inc filed Critical Ucweb Inc
Priority to CN201410069433.2A priority Critical patent/CN104063415B/zh
Publication of CN104063415A publication Critical patent/CN104063415A/zh
Priority to PCT/CN2014/087761 priority patent/WO2015127782A1/zh
Priority to US15/247,328 priority patent/US10776564B2/en
Application granted granted Critical
Publication of CN104063415B publication Critical patent/CN104063415B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

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]

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

显示网页自定义内容的方法及***
技术领域
本发明涉及移动浏览器领域，更为具体地，涉及一种显示网页自定义内容的方法及***。
背景技术
网页浏览器是用来显示网页服务器或者档案***内的文件，并让用户与这些文件产生互动的一种软件。其中，网页显示的内容包括文字、影像或资讯信息。在实际应用中，如果浏览器需要在加载网页之后显示自定义的内容，需要工作人员另外制作界面来显示自定义的内容。此外，如果需要修改界面的内容则必须修改客户端应用程序的代码和资源。
图1示出了传统客户端修改界面代码至用户得到新界面程序的流程。
如图1所示，客户端修改界面代码至用户得到新界面的过程包括：
S110：对需要自定义的界面进行修改，此处对需要自定义的界面进行修改是通过修改客户端的代码来实现的；
S120：客户端开发人员修改对应的客户端代码，并准备相应的图片、样式等资源；
S130：测试后按流程提交上线，对修改之后的客户端应用程序的代码和资源进行测试，并按流程提交上线；
S140：通知用户更新应用。
其中，步骤S130测试后按流程提交上线的过程，一般会耗费很长时间，修改客户端的代码需要的测试会更多，在客户端出现问题的情况下，还必须重新修改代码上线，由此带来的问题就是改动大、耗费成本高。
图2示出了传统显示网页自定义内容的方法在客户端实现的流程。
如图2所示，传统显示网页自定义内容的方法在客户端实现包括：
S210：启动移动浏览器，向服务器发出请求资源信号，服务器返回需要加载自定义界面的网址列表；
S220：用户地址栏输入网址，点击加载，启动移动浏览器之后，用户在用户地址栏输入想要浏览的网址并点击进行加载；
S230：端判断当前网页是否需要加载自定义界面；
S240：加载用户输入的网页，当用户输入网址对应的网页需要加载自定义界面时，加载用户输入的网页；
S250：客户端弹出阻塞式的界面，在加载用户输入的网页之后，对含有自定义内容的界面进行显示；
S260：当用户输入的网址对应的网页不需要加载自定义界面时，走正常加载网页的流程，显示原有网页界面。
其中，使用客户端实现对自定义网页的显示，客户端原生界面阻挡用户进行网页浏览操作，自定义界面与原生网页风格不协调，网页修改客户端也需要进行修改，操作复杂。
利用传统方法***自定义内容时页面时的页面示意图如图9所示，页面左部打X的区域用户不可控，只有页面右部区域可以操作，制作的界面与原页面内容不协调。
综上所述，一般浏览器如果需要在加载网页后显示自定义的内容，需要修改界面则必须修改客户端应用程序的代码和资源，修改客户代码和界面的代价和耗费比较大；同时，需要另外制作界面来显示，这样制作的界面很难与原页面内容相协调，会在一定程度上阻碍用户对该网页的操作，用户体验差。
发明内容
鉴于上述问题，本发明的目的是提供一种显示网页自定义内容的方法及***，以解决目前显示网页自定义内容的方法中需要修改客户端的代码和资源，改动大、耗费成本高、自定义页面与原页面不协调的问题。
根据本发明的一个方面，提供了一种显示网页自定义内容的方法，包括：
当待访问的网页需要***自定义网页界面时，获取待访问的网页的网页源码，并停止对待访问的网页的渲染；
在获取的网页源码中查找需要***自定义网页界面的网页结点的位置；
根据所查找到的需要***自定义网页界面的网页结点的位置，将自定义网页界面的网页结点代码段***到所述网页源码中；
将***有自定义网页界面的网页结点代码段的网页源码进行网页渲染，并将渲染后的网页显示。
其中，根据自定义网页界面代码资源，在网页源码中查找需要***自定义网页界面的网页结点的位置；其中，自定义网页界面代码资源包括：需要***自定义网页界面的网页的网址、自定义网页界面的网页结点的***位置以及自定义网页界面的网页结点代码段。
其中，还包括：获取需***自定义网页界面的网址列表和所述自定义网页界面的代码资源；根据所述需***自定义网页界面的网址列表判断待访问的网页是否需要***自定义网页界面；当待访问的网页需要***自定义网页界面时，获取待访问的网页的网页源码，停止对所述待访问的网页的渲染；当待访问的网页不需要***自定义网页界面时，继续浏览网页的流程，正常显示原有网页。
其中，通过动态脚本将显示自定义网页界面的网页结点代码段***到网页源码中。
其中，动态脚本为JavaScript、jquery或者php。
另一方面，本发明还提供一种显示网页自定义内容的***，包括：
网页源码获取单元，用于在待访问的网页需要***自定义网页界面时，获取待访问的网页的网页源码，并停止对待访问的网页的渲染；
位置查找单元，用于在获取待访问的网页的网页源码之后，根据自定义网页界面代码资源获取需要***自定义网页界面的网页结点的位置；
网页结点***单元，用于根据所查找到的需要***自定义网页界面的网页结点的位置，将自定义网页界面的网页结点的内容***到网页源码中；
网页显示单元，用于将***有自定义网页界面的网页结点的内容的网页源码进行网页渲染，并将渲染后的网页呈现给用户。
其中，在位置查找单元中，自定义网页界面代码资源包括：需要***自定义网页界面的网页的网址、自定义网页界面的网页结点的***位置以及自定义网页界面的网页结点代码段。
其中，在网页源码获取单元中，进一步包括：网址判断单元，用于获取需***自定义网页界面的网址列表和自定义网页界面的代码资源，并根据需***自定义网页界面的网址列表判断待访问的网页是否需要***自定义网页界面；当待访问的网页需要***自定义网页界面时，获取待访问的网页的网页源码，通知网页显示单元停止对待访问的网页的渲染；当待访问的网页不需要***自定义网页界面时，通知网页显示单元继续浏览网页的流程，正常显示原有网页。
其中，在网页结点***单元中，是通过动态脚本将显示自定义网页界面的网页结点代码段***到网页源码中。
其中，动态脚本为JavaScript、jquery或者php。
利用上述根据本发明的显示网页自定义内容的方法及***，可以在不修改移动客户端的情况下，通过服务器下发网址列表和自定义网页内容资源，实现用户打开网页后，显示添加自定义内容后的网页，避免显示自定义内容需要修改客户端代码和界面的情况发生，减轻了人力和资源的耗费，并且不需要额外生成界面显示自定义页面，不会阻碍用户的操作，提高用户的浏览体验。
为了实现上述以及相关目的，本发明的一个或多个方面包括后面将详细说明并在权利要求中特别指出的特征。下面的说明以及附图详细说明了本发明的某些示例性方面。然而，这些方面指示的仅仅是可使用本发明的原理的各种方式中的一些方式。此外，本发明旨在包括所有这些方面以及它们的等同物。
附图说明
通过参考以下结合附图的说明及权利要求书的内容，并且随着对本发明的更全面理解，本发明的其它目的及结果将更加明白及易于理解。在附图中：
图1为传统客户端修改界面代码至用户得到新界面程序的流程图；
图2为传统显示网页自定义内容的方法在客户端实现的流程图；
图3为根据本发明实施例的显示网页自定义内容的方法流程图；
图4为根据本发明实施例的显示网页自定义内容的方法在需要修改界面时的流程示意图；
图5为根据本发明实施例的显示网页自定义内容的方法详细流程图；
图6为根据本发明实施例的显示网页自定义内容的***方框示意图；
图7为根据本发明实施例的显示网页自定义内容的方法中添加自定义界面之后的网页显示图：
图8为根据本发明实施例的显示网页自定义内容的方法中自定义结点对应的网页显示图；
图9为利用传统方法***自定义内容时页面的状态示意图。
在所有附图中相同的标号指示相似或相应的特征或功能。
具体实施方式
以下将结合附图对本发明的具体实施例进行详细描述。
出于说明的目的，在下面对本发明具体实施方式的表述中，“移动浏览器”和“客户端”为同一概念，也可以将“移动浏览器”理解为“客户端”的一种但不是唯一的一种具体表现形式。
图3示出了根据本发明实施例的显示网页自定义内容的方法的流程。
如图3所示，本发明提供的显示网页自定义内容的方法包括：
S310：待访问的网页需要***自定义网页界面时，获取待访问的网页的网页源码，并停止对待访问的网页的渲染。
其中，在用户向移动浏览器输入要访问的网址之前，启动移动浏览器，在启动移动浏览器的同时会发出请求自定义网页的网页源码资源的信息。在移动浏览器向服务器发起请求时，还包括获取***自定义网页界面的网址列表和与网址列表中的网址相对应的自定义界面的代码资源。对于***自定义网页界面的网址列表和与网址列表中的网址相对应的自定义界面的代码资源的获取可以通过服务器下发到客户端，也可以预置在客户端中。
此外，在该步骤中当用户输入的网址不在需要***自定义网页界面的网址列表中时，继续浏览网页的流程，正常显示原有网页。
S320：在获取的网页源码中查找需要***自定义网页界面的网页结点的位置。
该步骤中，根据自定义网页界面代码资源，在网页源码中查找需要***自定义网页界面的网页结点的位置，其中，
自定义网页界面代码资源包括：需要***自定义网页界面的网页的网址、自定义网页界面的网页结点的***位置以及自定义网页界面的网页结点代码段。
S330：根据所查找到的需要***自定义网页界面的网页结点的位置，将自定义网页界面的网页结点代码段***到所述网页源码中，其中，
在根据所查找到的需要***显示自定义网页界面的网页结点的位置，通过动态脚本将显示自定义网页界面的网页结点的内容***到网页源码中，其中的动态脚本为JavaScript、jquery或者php。其中，Jquery是轻量级的JavaScript库；PHP（Hypertext Preprocessor，超文本预处理器）。
S340：将***有显示自定义网页界面的网页结点的内容的网页源码进行网页渲染，并将渲染后的网页呈现给用户。
在该步骤中将渲染后的含有自定义内容的网页界面显示给用户之后，显示的含有自定义网页界面的网页还可以进行操作，不会对用户造成阻塞，自定义界面使用嵌入网页结点的方式实现，确保与原网页融为一体。
需要说明的是，本发明提供的显示网页自定义内容的方法还包括：获取需***自定义网页界面的网址列表和自定义网页界面代码资源。根据需***自定义网页界面的网址列表判断待访问的网页是否需要***自定义网页界面；当待访问的网页需要***自定义网页界面时，获取待访问的网页的网页源码，停止对待访问的网页的渲染；当待访问的网页不需要***自定义网页界面时，继续浏览网页的流程，正常显示原有网页。
其中，需***自定义网页界面的网址列表和自定义网页界面代码资源可以通过服务器下发到客户端，也可以预置在客户端中。
其中，在用户打开网页时会请求对应的网页服务器网页源码的资源，之后网页服务器返回网页源码的信息，例如，访问www.xx.com，则向该网页服务器发起http请求，获取到网页源码后停止网页渲染描绘的流程，根据对应的下发的自定义界面代码资源，遍历网页源码，查找到需要添加自定义网页结点代码的网页结点的位置。
本发明的显示网页自定义内容的方法，这样可以在不修改移动客户端的情况下，通过服务器下发网址列表和自定义网页内容资源，实现用户打开网页后，显示添加自定义内容后的网页，避免显示自定义内容需要修改客户端代码和界面的情况发生，减轻了人力和资源的耗费，并且不需要额外生成界面显示自定义页面，不会阻碍用户的操作，提高用户体验。
本发明的显示网页自定义内容的方法主要是通过增加网页结点来实现的，图4示出了根据本发明实施例的显示网页自定义内容的方法在需要修改界面时的流程。
如图4所示，显示网页自定义内容的方法在需要修改界面时的流程包括：
S410：对需要自定义的界面进行修改，此时的修改是通过增加网页结点的方法来实现的。
S420：客户端开发人员修改自定义网页的代码，并准备图片、样式等资源。
在这一步骤中采用增加网页结点来显示网页自定义内容，通过更新自定义网页的代码实现对自定义界面内容的更新，避免通过反复修改客户端的代码实现对自定义界面的修改。
S430：将修改测试后的自定义界面的代码和资源部署到服务器。
其中，自定义界面的代码修改测试后马上部署到服务器，用户可以立刻获取到最新的自定义界面，在出现问题之后，可以通过对自定义网页的代码进行修改来实现对自定义界面的修改，不需要花费很长时间对客户端代码进行修改。
S440：用户不需要更新应用，启动移动浏览器即可获得最新的自定义界面。本发明的显示网页自定义内容的方法通过增加网页结点来实现，可以在不修改移动客户端的情况下，通过服务器下发网址列表和自定义网页内容资源，实现用户打开网页后，显示添加自定义内容后的网页，避免显示自定义内容需要修改客户端代码和界面的情况发生，减轻了人力和资源的耗费。
具体地，图5示出了根据本发明实施例的显示网页自定义内容的方法详细流程。
如图5所示，显示网页自定义内容的方法想详细流程包括：
S510：启动移动浏览器，通过用户启动移动浏览器，客户端向服务器发出请求资源的信号，同时服务器下发客户端需要***自定义网页界面的网址列表和对应的自定义界面代码资源。
其中，客户端获取一套需要***自定义网页界面的网址列表和对应的自定义界面代码资源的过程中，需要***自定义网页界面的网址列表和对应的自定义界面代码资源可以通过服务器下发到客户端，也可以预置在客户端中。一个自定义界面代码对应同一域名下的子域名的网页，同一个域名下的网页的写法一般是类似的，可以通过同一套代码适配。
具体地，需要***自定义网页界面的网址列表用于判断当前页面的网页源码是否需要加入自定义界面，当当前页面（即用户输入的网址所对应的网页页面）所对应的网址在需要***自定义网页界面的网址列表中时，需要***网页结点的位置以及显示自定义网页界面的网页结点的内容可以在自定义界面代码资源中找到。其中，自定义界面代码资源的数据结构如表1所示：
表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.***.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 (10)

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。
CN201410069433.2A 2014-02-27 2014-02-27 显示网页自定义内容的方法及*** Active CN104063415B (zh)

Priority Applications (3)

Application Number Priority Date Filing Date Title
CN201410069433.2A CN104063415B (zh) 2014-02-27 2014-02-27 显示网页自定义内容的方法及***
PCT/CN2014/087761 WO2015127782A1 (zh) 2014-02-27 2014-09-29 显示网页自定义内容的方法及***
US15/247,328 US10776564B2 (en) 2014-02-27 2016-08-25 Method and system for displaying webpage self-defined content

Applications Claiming Priority (1)

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

Publications (2)

Publication Number Publication Date
CN104063415A true CN104063415A (zh) 2014-09-24
CN104063415B CN104063415B (zh) 2018-07-10

Family

ID=51551130

Family Applications (1)

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

Country Status (3)

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

Cited By (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104378762A (zh) * 2014-11-19 2015-02-25 北京极科极客科技有限公司 一种用户上网流量的监控方法
WO2015127782A1 (zh) * 2014-02-27 2015-09-03 优视科技有限公司 显示网页自定义内容的方法及***
CN105005596A (zh) * 2015-07-02 2015-10-28 深圳市信锐网科技术有限公司 页面显示方法及装置
CN105159677A (zh) * 2015-09-09 2015-12-16 深圳Tcl数字技术有限公司 终端用户界面的受控显示方法及装置
CN107229642A (zh) * 2016-03-24 2017-10-03 阿里巴巴集团控股有限公司 目标页面的页面资源显示、页面资源加载方法及装置
CN107766528A (zh) * 2017-10-24 2018-03-06 深圳市雷鸟网络传媒有限公司 瀑布流页面的数据加载方法、终端和计算机可读存储介质
CN111475138A (zh) * 2019-01-23 2020-07-31 阿里巴巴集团控股有限公司 基于weex框架的路由方法、装置、电子设备及可读介质
CN112230916A (zh) * 2020-10-10 2021-01-15 湖南皖湘科技有限公司 一种快速生成用户自定义网页的方法

Families Citing this family (19)

* 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
US9959192B1 (en) * 2015-09-15 2018-05-01 Google Llc Debugging interface for inserted elements in a resource
US10613713B2 (en) 2015-10-07 2020-04-07 Google Llc Integration of content in non-browser applications
US10148729B2 (en) * 2016-03-22 2018-12-04 Go Daddy Operating Company, LLC Hosting provider hosting routes from a media repository
US10425380B2 (en) 2017-06-22 2019-09-24 BitSight Technologies, Inc. Methods for mapping IP addresses and domains to organizations using user activity data
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
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
US11122073B1 (en) 2020-12-11 2021-09-14 BitSight Technologies, Inc. Systems and methods for cybersecurity risk mitigation and management

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101115068A (zh) * 2007-07-19 2008-01-30 潘晓梅 在客户端调整网页显示内容的方法及***

Family Cites Families (30)

* 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
WO2008094712A2 (en) * 2007-02-01 2008-08-07 7 Billion People Dynamic reconfiguration of web pages based on user behavioral portrait
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
CN101320387A (zh) * 2008-07-11 2008-12-10 浙江大学 基于用户关注时间的网页文本与图像排序方法
US8311886B2 (en) * 2008-09-30 2012-11-13 Yahoo! Inc. System for display advertising optimization with uncertain supply
CN101788991B (zh) * 2009-06-23 2013-03-06 北京搜狗科技发展有限公司 一种更新提醒的方法及***
US20110055683A1 (en) * 2009-09-02 2011-03-03 Facebook Inc. Page caching for rendering dynamic web pages
WO2011065285A1 (ja) * 2009-11-26 2011-06-03 楽天株式会社 サーバ装置、端末装置、Ｗｅｂページ上への情報挿入方法、情報挿入プログラム、及びプログラムが記録された記録媒体
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
BR112013017025A2 (pt) * 2010-12-30 2018-04-03 Ensighten Inc gerenciamento de privacidade online
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
CN102662672B (zh) * 2012-04-05 2015-04-29 广州市动景计算机科技有限公司 对网页进行换肤处理的方法和装置以及移动终端
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
CN104063415B (zh) * 2014-02-27 2018-07-10 优视科技有限公司 显示网页自定义内容的方法及***
US20150264423A1 (en) * 2014-03-11 2015-09-17 Telefonaktiebolaget L M Ericsson (Publ) Methods and systems for dynamic runtime generation of customized applications

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101115068A (zh) * 2007-07-19 2008-01-30 潘晓梅 在客户端调整网页显示内容的方法及***

Cited By (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2015127782A1 (zh) * 2014-02-27 2015-09-03 优视科技有限公司 显示网页自定义内容的方法及***
US10776564B2 (en) 2014-02-27 2020-09-15 Uc Mobile Co., Ltd. Method and system for displaying webpage self-defined content
CN104378762A (zh) * 2014-11-19 2015-02-25 北京极科极客科技有限公司 一种用户上网流量的监控方法
CN105005596B (zh) * 2015-07-02 2018-10-30 深圳市信锐网科技术有限公司 页面显示方法及装置
CN105005596A (zh) * 2015-07-02 2015-10-28 深圳市信锐网科技术有限公司 页面显示方法及装置
CN105159677A (zh) * 2015-09-09 2015-12-16 深圳Tcl数字技术有限公司 终端用户界面的受控显示方法及装置
CN107229642A (zh) * 2016-03-24 2017-10-03 阿里巴巴集团控股有限公司 目标页面的页面资源显示、页面资源加载方法及装置
CN107229642B (zh) * 2016-03-24 2021-03-02 创新先进技术有限公司 目标页面的页面资源显示、页面资源加载方法及装置
CN107766528A (zh) * 2017-10-24 2018-03-06 深圳市雷鸟网络传媒有限公司 瀑布流页面的数据加载方法、终端和计算机可读存储介质
CN107766528B (zh) * 2017-10-24 2021-09-28 深圳市雷鸟网络传媒有限公司 瀑布流页面的数据加载方法、终端和计算机可读存储介质
CN111475138A (zh) * 2019-01-23 2020-07-31 阿里巴巴集团控股有限公司 基于weex框架的路由方法、装置、电子设备及可读介质
CN111475138B (zh) * 2019-01-23 2023-04-25 阿里巴巴集团控股有限公司 基于weex框架的路由方法、装置、电子设备及可读介质
CN112230916A (zh) * 2020-10-10 2021-01-15 湖南皖湘科技有限公司 一种快速生成用户自定义网页的方法

Also Published As

Publication number Publication date
US10776564B2 (en) 2020-09-15
CN104063415B (zh) 2018-07-10
WO2015127782A1 (zh) 2015-09-03
US20160364496A1 (en) 2016-12-15

Similar Documents

Publication Publication Date Title
CN104063415A (zh) 显示网页自定义内容的方法及***
RU2604326C2 (ru) Метод просмотра web-страниц, платформа webapp, метод и устройство для исполнения javascript для мобильных терминалов
US10643023B2 (en) Programmatic native rendering of structured content
Boulos et al. Web GIS in practice VIII: HTML5 and the canvas element for interactive online mapping
JP4857349B2 (ja) ポータル・システム内で非同期ポータル・ページを提供するための方法、システム、およびコンピュータ・プログラム
CN104035753B (zh) 一种双WebView展示定制页面的方法及***
CN105900091B (zh) 加速文档加载
CN105260420B (zh) 一种用于在移动应用中提供目标页面的方法与设备
CN102306174B (zh) 一种基于网页元素与用户进行互动的方法与设备
KR101956010B1 (ko) 웹 사이트 제작 지원 서버 및 이에 의한 웹 사이트 제작 지원 방법
CN106155673B (zh) 实现页面内容编辑器的方法、装置、服务器及用户设备
CN109194714B (zh) 一种文案推送方法、装置、终端设备及存储介质
CN102929971B (zh) 一种多媒体信息播放方法和***
Cazañas et al. Strategies for mobile web design
WO2017016101A1 (zh) 搜索结果的展现方法、装置和搜索引擎
CN106033361A (zh) 一种应用页面呈现、应用页面数据更新方法及装置
US10282172B2 (en) Authoring and deploying television apps and pages in a content management system
CN102982164A (zh) 一种浏览器页面呈现方法和浏览器
CN103678486A (zh) 页面排版方法及***
CN103034710A (zh) 用于浏览器的页面呈现方法和装置
Patel Analyzing the Impact of Next. JS on Site Performance and SEO
Fink et al. Introducing single page applications
López-Gorozabel et al. Bootstrap as a tool for web development and graphic optimization on mobile devices
RU2634221C2 (ru) Способ и устройство для отрисовки представления электронного документа на экране
Magno Mobile-first Bootstrap

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
CB02 Change of applicant information

Address after: 100083, Haidian District, Beijing, Fu Cheng Road, No. 28 excellent building, block A, floor 12

Applicant after: Excelle View Technology Co., Ltd.

Address before: 100080 Beijing City, Haidian District Suzhou Street No. 29 Building No. 18 hospital Scandinavia building 16 1610-1620

Applicant before: Excelle View Technology Co., Ltd.

COR Change of bibliographic data
GR01 Patent grant
GR01 Patent grant
TR01 Transfer of patent right

Effective date of registration: 20201231

Address after: 310052 room 508, 5th floor, building 4, No. 699 Wangshang Road, Changhe street, Binjiang District, Hangzhou City, Zhejiang Province

Patentee after: Alibaba (China) Co.,Ltd.

Address before: 100083 12 / F, block a, Yousheng building, 28 Chengfu Road, Haidian District, Beijing

Patentee before: UC MOBILE Ltd.

TR01 Transfer of patent right