CN111898050B - 一种自动加载下一篇新闻的方法及系统 - Google Patents
一种自动加载下一篇新闻的方法及系统 Download PDFInfo
- Publication number
- CN111898050B CN111898050B CN202010559694.8A CN202010559694A CN111898050B CN 111898050 B CN111898050 B CN 111898050B CN 202010559694 A CN202010559694 A CN 202010559694A CN 111898050 B CN111898050 B CN 111898050B
- Authority
- CN
- China
- Prior art keywords
- news
- page
- display page
- user
- json file
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 48
- 230000003068 static effect Effects 0.000 claims abstract description 52
- 230000000694 effects Effects 0.000 claims abstract description 22
- 238000009877 rendering Methods 0.000 claims abstract description 21
- 230000009191 jumping Effects 0.000 claims abstract description 9
- 230000006399 behavior Effects 0.000 claims description 27
- 230000008569 process Effects 0.000 claims description 9
- 230000008859 change Effects 0.000 claims description 5
- 230000004048 modification Effects 0.000 claims description 4
- 238000012986 modification Methods 0.000 claims description 4
- 230000003993 interaction Effects 0.000 claims description 3
- 230000006870 function Effects 0.000 abstract description 6
- 230000015654 memory Effects 0.000 description 21
- 230000005291 magnetic effect Effects 0.000 description 10
- 238000005516 engineering process Methods 0.000 description 6
- 238000012544 monitoring process Methods 0.000 description 5
- 230000005540 biological transmission Effects 0.000 description 4
- 238000004590 computer program Methods 0.000 description 4
- 230000003287 optical effect Effects 0.000 description 4
- 230000006978 adaptation Effects 0.000 description 2
- 238000010586 diagram Methods 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 230000003936 working memory Effects 0.000 description 1
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
- 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/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
- 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]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
- G06F3/04855—Interaction with scrollbars
-
- 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]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- Information Transfer Between Computers (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明涉及新闻自动加载技术领域，提供了一种自动加载下一篇新闻的方法及系统，方法包括：建立json文件库，存储新闻对应的静态json文件；建立渲染静态json文件的新闻展示页面；当用户浏览新闻的正文至新闻展示页面的正文区域的底部时，捕获鼠标的whell滚动事件，首次滚动时，显示下一篇新闻的骨架屏，若在预设时间内连续滚动第二次，新闻展示页面将下一篇新闻对应的静态json文件渲染到所述新闻展示页面的正文区域上，新闻展示页面在不跳转页面的情况下，自动展示出下一篇新闻，并使得所述新闻展示页面呈现一个翻页的效果。实现了在浏览新闻的过程中，始终保持访问新闻展示页面不变，减少了服务器的压力和成本的同时又能够对用户呈现翻页效果的功能。
Description
技术领域
本发明涉及新闻自动加载的技术领域，尤其涉及一种自动加载下一篇新闻的方法及系统。
背景技术
在当前现有技术中的用于展示新闻的网站上，当用户在当前新闻浏览完毕以后，需要查看下一篇新闻时，一般需要根据自己的喜好，手动选择自己喜欢的下一篇新闻进行查看。甚至有些页面需要关闭当前页面，从原始列表页面选择下一篇新闻进行查看。操作麻烦，用户体验度较差。
进一步地，当前用于展示新闻的网站，当查看下一篇新闻时，一般都是通过重新打开一个静态页面，或者使用动态页面、动态接口页面。纯静态页面无法达到当前页面变化内容的需求，当需要查看下一篇新闻时，只能重新打开一个新的静态页面。纯动态页面或者动态接口页面在流量大的情况下，对服务器的要求高，成本大，且流量大时，页面加载速度将会很慢，将极大的影响到客户的体检度。
发明内容
针对上述问题，本发明的目的在于提供一种自动加载下一篇新闻的方法及系统，当捕获到用户浏览当前新闻到当前新闻页面的底部时，自动监控鼠标的whell滚动事件，显示下一篇新闻的骨架屏，并在监控到鼠标再次滚动后，自动显示下一篇新闻的正文。并且通过将每一篇新闻对应的json文件渲染到新闻展示页面的正文区域的方式，使得用户在浏览新闻的过程中，始终保持访问新闻展示页面不变，减少了服务器的压力和成本的同时又能够对用户呈现一个翻页的效果。
本发明的上述发明目的是通过以下技术方案得以实现的：
一种自动加载下一篇新闻的方法，包括以下步骤：
S1：建立json文件库，用于存储每一篇新闻对应的静态json文件；
S2：建立用于渲染所述静态json文件的包括html静态页面在内的新闻展示页面，所述新闻展示页面为浏览新闻时唯一加载并访问的页面，并在浏览新闻时保持访问所述新闻展示页面不变；
S3：当用户浏览新闻的正文至所述新闻展示页面的正文区域的底部时，捕获鼠标的whell滚动事件，首次滚动时，显示下一篇新闻的骨架屏，所述骨架屏上显示有下一篇新闻的预览标题，若在预设时间内连续滚动第二次，所述新闻展示页面将下一篇新闻对应的所述json文件渲染到所述新闻展示页面的正文区域上，所述新闻展示页面在不跳转页面的情况下，自动展示出下一篇新闻，并使得所述新闻展示页面呈现一个翻页的效果。
进一步地，所述新闻展示页面将下一篇新闻对应的所述json文件渲染到所述新闻展示页面的正文区域上，所述新闻展示页面在不跳转页面的情况下，自动展示出下一篇新闻，具体为：
针对于每一篇新闻赋值一个唯一的虚拟访问地址，所述虚拟访问地址中包括每一篇新闻唯一对应的uk值；
当自动加载下一篇新闻时，通过所述虚拟访问地址中的uk值获取当前新闻对应的所述json文件，将所述json文件渲染到所述新闻展示页面的正文区域上，并通过对CDN使用Nginx alias配置，针对于所有所述uk值对应的目录的访问都返回所述新闻展示页面的内容，确保浏览新闻的页面保持为所述新闻展示页面对应的包括html代码在内的代码不变；
执行WebAPI history.pushState命令改变当前页面地址栏的URL为所述虚拟访问地址，但不刷新当前新闻页面。
进一步地，所述新闻展示页面在将新闻展示到页面上之后，将同时请求当前新闻唯一对应的将要被推荐展示的下一篇新闻的所述json文件，当前新闻的下一篇推荐内容从推荐的所述JSON文件中获取，具体的推荐规则为：
根据当前展示的新闻推荐包括同标签、同分类热门内容、同关键词优质内容在内的待展示新闻；
判断所述待展示新闻中预设条数的前若干条新闻是否存在有当前用户所访问过的新闻或已删除的新闻，若不存在则在前若干条新闻中随机取一条新闻作为待展示的下一篇新闻，否则，更换一篇新闻作为待展示的下一篇新闻，避免推荐内容出现循环推荐或者已被删除的情况。
进一步地，所述新闻展示页面在加载下一篇新闻时，具体的交互过程为：
在所述新闻展示页面上注册鼠标的whell滚动事件，当用户第一次将所述新闻展示页面滚动到页面底部时，显示下一篇新闻的所述骨架屏，给到用户加载预览的效果，在所述预设时间内再次滚动鼠标滚轮使得所述新闻展示页面触底，所述新闻展示页面使用的骨架屏样式向上滚动呈现翻页效果，随后展示下一篇新闻内容，并同时执行history.pushState改变地址栏上的URL为所述虚拟访问地址，使得页面与地址同时呈现翻页效果，但所述新闻展示页面不会跳转或者重新请求加载页面；
若在所述预设时间内没有再次滚动鼠标滚轮，所述新闻展示页面收起所述骨架屏样式，并保留下一篇新闻的预览标题。
进一步地，将所述新闻展示页面按照左右结构进行划分，左侧为信息流区域，右侧为正文区域；
其中，所述信息流区域，用于根据用户行为推荐新闻以提供给用户进行阅读，当点击所述信息流区域推荐的新闻时，直接在所述新闻展示页面的正文区域进行展示。
进一步地，在所述信息流区域中，根据用户行为推荐新闻，具体包括：
建立用户的动态画像接口，当所述新闻展示页面调用所述动态画像接口时，将包括当前用户的用户标识、当前用户访问所述新闻展示页面的行为记录在内的信息发送给所述新闻展示页面对应的服务端，所述服务端通过分析当前用户的所述行为记录，分析当前用户访问过的内容所在的频道、所属的标签以及所拥有的的关键词，针对于当前用户推荐关联的新闻，并降低当前用户不愿访问的内容和同类内容展现频率。
一种自动加载下一篇新闻的系统，包括：json文件库建立模块，新闻展示页面建立模块，新闻加载模块；
所述json文件库建立模块，用于建立json文件库，用于存储每一篇新闻对应的静态json文件；
所述新闻展示页面建立模块，用于建立用于渲染所述静态json文件的包括html静态页面在内的新闻展示页面，所述新闻展示页面为浏览新闻时唯一加载并访问的页面，并在浏览新闻时保持访问所述新闻展示页面不变；
所述新闻加载模块，用于当用户浏览新闻的正文至所述新闻展示页面的正文区域的底部时，捕获鼠标的whell滚动事件，首次滚动时，显示下一篇新闻的骨架屏，所述骨架屏上显示有下一篇新闻的预览标题，若在预设时间内连续滚动第二次，所述新闻展示页面将下一篇新闻对应的所述json文件渲染到所述新闻展示页面的正文区域上，所述新闻展示页面在不跳转页面的情况下，自动展示出下一篇新闻，并使得所述新闻展示页面呈现一个翻页的效果。
进一步地，所述新闻加载模块，进一步包括：
虚拟地址建立单元，用于针对于每一篇新闻赋值一个唯一的虚拟访问地址，所述虚拟访问地址中包括每一篇新闻唯一对应的uk值；
json文件渲染单元，用于当自动加载下一篇新闻时，通过所述虚拟访问地址中的uk值获取当前新闻对应的所述json文件，将所述json文件渲染到所述新闻展示页面的正文区域上，并通过对CDN使用Nginx alias配置，针对于所有所述uk值对应的目录的访问都返回所述新闻展示页面的内容，确保浏览新闻的页面保持为所述新闻展示页面对应的包括html代码在内的代码不变；
页面地址修改单元，用于执行WebAPI history.pushState命令改变当前页面地址栏的URL为所述虚拟访问地址，但不刷新当前新闻页面。
进一步地，自动加载下一篇新闻的系统，还包括：
信息流加载模块，用于根据用户行为推荐新闻以提供给用户进行阅读，当点击信息流区域推荐的新闻时，直接在所述新闻展示页面的正文区域进行展示；
其中，所述信息流区域为将所述新闻展示页面按照左右结构进行划分，左侧为所述信息流区域，在所述信息流区域中，根据用户行为推荐新闻，具体包括：建立用户的动态画像接口，当所述新闻展示页面调用所述动态画像接口时，将包括当前用户的用户标识、当前用户访问所述新闻展示页面的行为记录在内的信息发送给所述新闻展示页面对应的服务端，所述服务端通过分析当前用户的所述行为记录，分析当前用户访问过的内容所在的频道、所属的标签以及所拥有的的关键词，针对于当前用户推荐关联的新闻，并降低当前用户不愿访问的内容和同类内容展现频率。
与现有技术相比，本发明包括以下至少一种有益效果是：
(1)通过提供一种自动加载下一篇新闻的方法，包括步骤：S1：建立json文件库，用于存储每一篇新闻对应的静态json文件；S2：建立用于渲染所述静态json文件的包括html静态页面在内的新闻展示页面，所述新闻展示页面为浏览新闻时唯一加载并访问的页面，并在浏览新闻时保持访问所述新闻展示页面不变；S3：当用户浏览新闻的正文至所述新闻展示页面的正文区域的底部时，捕获鼠标的whell滚动事件，首次滚动时，显示下一篇新闻的骨架屏，所述骨架屏上显示有下一篇新闻的预览标题，若在预设时间内连续滚动第二次，所述新闻展示页面将下一篇新闻对应的所述json文件渲染到所述新闻展示页面的正文区域上，所述新闻展示页面在不跳转页面的情况下，自动展示出下一篇新闻，并使得所述新闻展示页面呈现一个翻页的效果。上述技术方案，当捕获到用户浏览当前新闻到当前新闻页面的底部时，能够自动监控鼠标的whell滚动事件，显示下一篇新闻的预览标题，并在监控到鼠标再次滚动后，自动显示下一篇新闻的正文。并且通过将每一篇新闻对应的json文件渲染到新闻展示页面的正文区域的方式，使得用户在浏览新闻的过程中，始终保持访问新闻展示页面不变，减少了服务器的压力和成本的同时又能够对用户呈现一个翻页的效果。使用本发明的上述技术方案，对于服务器来说，将减少服务器的负荷，无需频繁的进行页面的请求刷新加载操作。相应的由于服务器的负荷减小了，前端查看新闻时，切换换到下一篇新闻的速度将会更快，增加了用户的体验度。
(2)通过针对于每一篇新闻赋值一个唯一的虚拟访问地址，所述虚拟访问地址中包括每一篇新闻唯一对应的uk值；当自动加载下一篇新闻时，通过所述虚拟访问地址中的uk值获取当前新闻对应的所述json文件，将所述json文件渲染到所述新闻展示页面的正文区域上，并通过对CDN使用Nginx alias配置，针对于所有所述uk值对应的目录的访问都返回所述新闻展示页面的内容，确保浏览新闻的页面保持为所述新闻展示页面对应的包括html代码在内的代码不变；执行WebAPI history.pushState命令改变当前页面地址栏的URL为所述虚拟访问地址，但不刷新当前新闻页面。上述技术方案，实现了在页面不刷新，保留原始页面的情况下，用户端地址栏上的地址和页面内容同时改变，给用户呈现一个翻页的效果，实质上，页面并没有做任何切换或者刷新操作。
(3)通过根据当前展示的新闻推荐包括同标签、同分类热门内容、同关键词优质内容在内的待展示新闻；判断所述待展示新闻中预设条数的前若干条新闻是否存在有当前用户所访问过的新闻或已删除的新闻，若不存在则在前若干条新闻中随机取一条新闻作为待展示的下一篇新闻，否则，更换一篇新闻作为待展示的下一篇新闻，避免推荐内容出现循环推荐或者已被删除的情况。上述技术方案能够根据当前用户的喜好推荐更加适合当前用户的下一篇新闻，并对已访问过的或者已删除的新闻进行过滤，避免推荐内容出现循环推荐或者已被删除的情况。
(4)通过将所述新闻展示页面按照左右结构进行划分，左侧为信息流区域，右侧为正文区域；其中，所述信息流区域，用于根据用户行为推荐新闻以提供给用户进行阅读，当点击所述信息流区域推荐的新闻时，直接在所述新闻展示页面的正文区域进行展示。并在信息流区域中，根据用户新闻推荐内容。上述技术方案，在本发明自动加载下一篇新闻的同时，也在整体页面上划分了一个信息流区域，根据当前用户的用户标识、当前用户访问所述新闻展示页面的行为推荐一批新闻展示在信息流区域上，用户可以直接在信息流区域点击选择自己喜欢的新闻进行浏览。
附图说明
图1位本发明一种自动加载下一篇新闻的方法的整体流程图；
图2为本发明一种自动加载下一篇新闻的系统的整体结构图；
图3为本发明一种自动加载下一篇新闻的系统中新闻加载模块的结构图。
具体实施方式
为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
本技术领域技术人员可以理解，除非特意声明，这里使用的单数形式“一”、“一个”、“所述”和“该”也可包括复数形式。应该进一步理解的是，本发明的说明书中使用的措辞“包括”是指存在所述特征、整数、步骤、操作、元件和/或组件，但是并不排除存在或添加一个或多个其他特征、整数、步骤、操作、元件、组件和/或它们的组。
在当前现有技术中的用于展示新闻的网站上，当用户在当前新闻浏览完毕以后，需要查看下一篇新闻时，一般需要根据自己的喜好，手动选择自己喜欢的下一篇新闻进行查看。甚至有些页面需要关闭当前页面，从原始列表页面选择下一篇新闻进行查看。操作麻烦，用户体验度较差。进一步地，当前用于展示新闻的网站，当查看下一篇新闻时，一般都是通过重新打开一个静态页面，或者使用动态页面、动态接口页面。纯静态页面无法达到当前页面变化内容的需求，当需要查看下一篇新闻时，只能重新打开一个新的静态页面。纯动态页面或者动态接口页面在流量大的情况下，对服务器的要求高，成本大，且流量大时，页面加载速度将会很慢，将极大的影响到客户的体检度。
基于以上在现有技术中的问题，本发明的核心发明点是：当捕获到用户浏览当前新闻到当前新闻页面的底部时，自动监控鼠标的whell滚动事件，显示下一篇新闻的预览标题，并在监控到鼠标再次滚动后，自动显示下一篇新闻的正文。并且通过将每一篇新闻对应的json文件渲染到新闻展示页面的正文区域的方式，使得用户在浏览新闻的过程中，始终保持访问新闻展示页面不变，减少了服务器的压力和成本的同时又能够对用户呈现一个翻页的效果。
本发明使用的核心技术点如下：
服务端技术：服务端使用Nginx alias配置，将所有对应目录下的访问都返回同一个新闻展示页面的地址。比如说：所有目录/d/的访问都返回/detail_new/index.html的内容。
前端技术点：前端依靠服务端的Nginx配置搭配浏览器WebAPIhistory.pushState实现history前端路由模式。达到页面地址以及内容同时更改但不需要页面刷新的效果。
前端在滚动条事件scroll和鼠标滚轮事件wheel中选择使用wheel,实现用户到达底部时可以继续监测用户是否有向下翻页的意向。
本发明的技术词条说明如下：
history.pushState：这个API可以添加任意和当前URL同源的历史记录条目，并会在当前页面创建并激活新的历史记录。但并不会导致浏览器加载新URL，甚至不会检查新URL是否存在。
Nginx alias：alias是一个目录别名的定义，alias的处理结果是：使用alias路径替换location路径。alias本质是设置虚拟目录，location匹配访问的虚拟目录下的文件直接是在alias目录下查找的。
whell：wheel事件在鼠标滚轮上下滚动时触发，无论滚动条是否触底。
scroll:scroll事件当文档被滚动时，也就是滚动条发成移动的时候触发生的事件(不能实现用户触底之后的行文监测)
第一实施例
如图1所示，本实施例提供了一种自动加载下一篇新闻的方法，包括以下步骤：
S1：建立json文件库，用于存储每一篇新闻对应的静态json文件。
首先，针对于每一篇新闻，我们都需要预先生成一个对应的静态json文件，将每一篇新闻的正文内容记录在静态json文件中，以提供给后续显示新闻正文时，加载静态json文件来显示新闻的正文。
对应的需要建立一个json文件库，用来存储每一篇新闻对应的静态json文件，优选地，可以是在服务器上建立一个对应的文件夹，将所有新闻的静态json文件都放在文件夹中，通过服务器对应的地址路径即可以获取到对应的json文件。
举个例子来说，服务器的网址为http://xxxx,建立文件夹/json/detail/newsinfo/用于存储静态json文件，对应的每一个静态json文件将指定一个唯一的uk值，用于标识每一个静态json文件。最终可以通过http://xxxx/json/detail/newsinfo/uk值.json来获取到对应的静态json文件。进一步地，还可以在上述链接的末尾加上？callback＝uk+uk值，可以通过uk值来调用页面里面回调函数。即最终的访问链接可以是：http://xxxx/json/detail/newsinfo/190605110327805.json？callback＝uk190605110327805，其中，190605110327805为一个uk值的举例。
需要说明的是，以上仅是一种举例，还可以有很多种建立json文件库的方法，都属于本发明的保护范围，本实施例不做详细说明。
S2：建立用于渲染所述静态json文件的包括html静态页面在内的新闻展示页面，所述新闻展示页面为浏览新闻时唯一加载并访问的页面，并在浏览新闻时保持访问所述新闻展示页面不变。
具体地，在本发明中，访问新闻的页面始终不变，后续只是将不同的新闻对应的静态json文件渲染到初始的新闻展示页面上。我们要做的仅仅是建立一个不变的新闻展示页面，用于加载不同的静态json文件即可。
优选地，我们可以采用一个固定的html静态页面作为新闻展示页面，当然选择html静态页面只是一种优选方案，我们还可以采用其他的包括.asp、.jsp、.php、.perl、.cgi在内的任意一种页面形式作为本发明的新闻展示页面，只需要保证浏览新闻时，始终访问一个页面，访问中不对页面做任何跳转或者刷新操作，只是加载不同的静态json文件即可。
举个例子来说，可以建立固定的html静态页面index.html作为新闻展示页面。
S3：当用户浏览新闻的正文至所述新闻展示页面的正文区域的底部时，捕获鼠标的whell滚动事件，首次滚动时，显示下一篇新闻的预览标题以及部分骨架屏，使用户有内容正在加载的感觉，若在预设时间内连续滚动第二次，所述新闻展示页面将下一篇新闻对应的所述json文件渲染到所述新闻展示页面的正文区域上，所述新闻展示页面在不跳转页面的情况下，自动展示出下一篇新闻，骨架屏向上移动到视口顶部，呈现翻页效果，随后隐藏骨架屏，滚动条位置瞬间回到顶部展示正文内容，完成翻页。。
具体地，当用户浏览新闻的正文至新闻展示页面的正文区域的底部时，页面将会连续监控鼠标的whell滚动事件，当监控到首次滚动时，将首选将下一篇新闻的预览标题显示出来，当在根据实际使用情况进行评估，预先设定的一个预设时间内，比如说2S内连续滚动第二次时，新闻展示页面将渲染下一篇新闻的静态json文件到新闻展示页面的正文区域上，实现了在页面不跳转的情况下，自动切换为下一篇新闻，并针对于用户来说，看到一个页面翻页的效果，而实际上页面并没有进行任何跳转或者刷新的操作。
进一步地，所述新闻展示页面将下一篇新闻对应的所述json文件渲染到所述新闻展示页面的正文区域上，所述新闻展示页面在不跳转页面的情况下，自动展示出下一篇新闻，具体为：
针对于每一篇新闻赋值一个唯一的虚拟访问地址，所述虚拟访问地址中包括每一篇新闻唯一对应的uk值，其中，虚拟访问地址主要起到了两个作用：(1)后续直接赋值到页面的地址来，使得在用户方看来页面是重新跳转了(2)携带了一个参数uk值，可以通过携带的uk值去获取到对应的静态json文件
当自动加载下一篇新闻时，通过所述虚拟访问地址中的uk值获取当前新闻对应的所述静态json文件，将所述静态json文件渲染到所述新闻展示页面的正文区域上，并通过对CDN使用Nginx alias配置，针对于所有所述uk值对应的目录的访问都返回所述新闻展示页面的内容，确保浏览新闻的页面保持为所述新闻展示页面对应的包括html代码在内的代码不变。
执行WebAPI history.pushState命令改变当前页面地址栏的URL为所述虚拟访问地址，但不刷新当前新闻页面。
举个例子来说，虚拟方位地址为http://xxxx/d/190605110327805.html,190605110327805为uk值，请求CND中对应正文的静态JSON文件http://xxxx/json/detail/newsinfo/190605110327805.json？callback＝uk1 90605110327805,此时因为CND的nginxalias配置，当前页面内的代码内容实际上是http://xxxx/detail_new/index.html的代码内容。进而，执行WebAPI history.pushState命令改变当前页面地址栏的URL为http://xxxx/d/190605110327805.html，但不刷新当前新闻页面。
进一步地，所述新闻展示页面在将新闻展示到页面上之后，将同时请求当前新闻唯一对应的将要被推荐展示的下一篇新闻的所述json文件，当前新闻的下一篇推荐内容从推荐的所述JSON文件中获取，具体的推荐规则为：
根据当前展示的新闻推荐包括同标签、同分类热门内容、同关键词优质内容在内的待展示新闻；
判断所述待展示新闻中预设条数的前若干条新闻是否存在有当前用户所访问过的新闻或已删除的新闻，若不存在则在前若干条新闻中随机取一条新闻作为待展示的下一篇新闻，否则，更换一篇新闻作为待展示的下一篇新闻，避免推荐内容出现循环推荐或者已被删除的情况。
进一步地，所述新闻展示页面在加载下一篇新闻时，具体的交互过程为：
在所述新闻展示页面上注册鼠标的whell滚动事件，当用户第一次将所述新闻展示页面滚动到页面底部时，显示下一篇新闻的所述骨架屏，给到用户加载预览的效果，在所述预设时间内再次滚动鼠标滚轮使得所述新闻展示页面触底，所述新闻展示页面使用的骨架屏样式向上滚动呈现翻页效果，随后展示下一篇新闻内容，并同时执行history.pushState改变地址栏上的URL为所述虚拟访问地址，使得页面与地址同时呈现翻页效果，但所述新闻展示页面不会跳转或者重新请求；
若在所述预设时间内没用再次滚动鼠标滚轮，所述新闻展示页面收起所述骨架屏样式，并保留下一篇新闻的预览标题。确保避免用户未看完当前文字误触翻页。
用户点击左侧内容或者滚动翻页均为当前页重新渲染，非传统新页面打开内容，该形式提高页面加载速度。
本发明的一个特点在于，针对于服务器来说，将减少服务器的负荷，无需频繁的进行页面的请求刷新加载操作。相应的由于服务器的负荷减小了，前端查看新闻时，切换换到下一篇新闻的速度将会更快，增加了用户的体验度。
第二实施例
与第一实施例相比，本实施例步骤基本相同，不同点在于：将所述新闻展示页面按照左右结构进行划分，左侧为信息流区域，右侧为正文区域；
其中，所述信息流区域，用于根据用户行为推荐新闻以提供给用户进行阅读，当点击所述信息流区域推荐的新闻时，直接在所述新闻展示页面的正文区域进行展示。
进一步地，根据用户行为推荐新闻，具体包括：
建立用户的动态画像接口，当所述新闻展示页面调用所述动态画像接口时，将包括当前用户的用户标识、当前用户访问所述新闻展示页面的行为记录在内的信息发送给所述新闻展示页面对应的服务端，所述服务端通过分析当前用户的所述行为记录，分析当前用户访问过的内容所在的频道、所属的标签以及所拥有的的关键词，针对于当前用户推荐关联的新闻，并降低当前用户不愿访问的内容和同类内容展现频率。
上述技术方案，在本发明自动加载下一篇新闻的同时，也在整体页面上划分了一个信息流区域，根据当前用户的用户标识、当前用户访问所述新闻展示页面的行为推荐一批新闻展示在信息流区域上，用户可以直接在信息流区域点击选择自己喜欢的新闻进行浏览。
第三实施例
如图2所示，本实施例提供一种自动加载下一篇新闻的系统，包括：json文件库建立模块1，新闻展示页面建立模块2，新闻加载模块3；
所述json文件库建立模块1，用于建立json文件库，用于存储每一篇新闻对应的静态json文件；
所述新闻展示页面建立模块2，用于建立用于渲染所述静态json文件的包括html静态页面在内的新闻展示页面，所述新闻展示页面为浏览新闻时唯一加载并访问的页面，并在浏览新闻时保持访问所述新闻展示页面不变；
所述新闻加载模块3，用于当用户浏览新闻的正文至所述新闻展示页面的正文区域的底部时，捕获鼠标的whell滚动事件，首次滚动时，显示下一篇新闻的骨架屏，所述骨架屏，给到用户加载预览的效果，若在预设时间内连续滚动第二次，所述新闻展示页面将下一篇新闻对应的所述json文件渲染到所述新闻展示页面的正文区域上，所述新闻展示页面在不跳转页面的情况下，自动展示出下一篇新闻，并使得所述新闻展示页面呈现一个翻页的效果。
进一步地，所述新闻加载模块3，进一步包括：
虚拟地址建立单元31，用于针对于每一篇新闻赋值一个唯一的虚拟访问地址，所述虚拟访问地址中包括每一篇新闻唯一对应的uk值；
json文件渲染单元32，用于当自动加载下一篇新闻时，通过所述虚拟访问地址中的uk值获取当前新闻对应的所述json文件，将所述json文件渲染到所述新闻展示页面的正文区域上，并通过对CDN使用Nginx alias配置，针对于所有所述uk值对应的目录的访问都返回所述新闻展示页面的内容，确保浏览新闻的页面保持为所述新闻展示页面对应的包括html代码在内的代码不变；
页面地址修改单元33，用于执行WebAPI history.pushState命令改变当前页面地址栏的URL为所述虚拟访问地址，但不刷新当前新闻页面。
进一步地，自动加载下一篇新闻的系统，还包括：
信息流加载模块4，用于根据用户行为推荐新闻以提供给用户进行阅读，当点击信息流区域推荐的新闻时，直接在所述新闻展示页面的正文区域进行展示；
其中，所述信息流区域为将所述新闻展示页面按照左右结构进行划分，左侧为所述信息流区域，在所述信息流区域中，根据用户行为推荐新闻，具体包括：建立用户的动态画像接口，当所述新闻展示页面调用所述动态画像接口时，将包括当前用户的用户标识、当前用户访问所述新闻展示页面的行为记录在内的信息发送给所述新闻展示页面对应的服务端，所述服务端通过分析当前用户的所述行为记录，分析当前用户访问过的内容所在的频道、所属的标签以及所拥有的的关键词，针对于当前用户推荐关联的新闻，并降低当前用户不愿访问的内容和同类内容展现频率。
本发明还提供一种计算机可读存储介质，计算机可读存储介质存储有计算机代码，当计算机代码被执行时，如上述方法被执行。本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成，该程序可以存储于一计算机可读存储介质中，存储介质可以包括：只读存储器(ROM，Read Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁盘或光盘等。
以上所述仅是本发明的优选实施方式，本发明的保护范围并不仅局限于上述实施例，凡属于本发明思路下的技术方案均属于本发明的保护范围。应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理前提下的若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。
以上所述实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。
应当说明的是，上述实施例均可根据需要自由组合。以上所述仅是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。
本发明的软件程序可以通过处理器执行以实现上文所述步骤或功能。同样地，本发明的软件程序(包括相关的数据结构)可以被存储到计算机可读记录介质中，例如，RAM存储器，磁或光驱动器或软磁盘及类似设备。另外，本发明的一些步骤或功能可采用硬件来实现，例如，作为与处理器配合从而执行各个功能或步骤的电路。如本说明书实施例所示实施例揭示的方法可以应用于处理器中，或者由处理器实现。处理器可能是一种集成电路芯片，具有信号的处理能力。在实现过程中，上述方法的各步骤可以通过处理器中的硬件的集成逻辑电路或者软件形式的指令完成。上述的处理器可以是通用处理器，包括中央处理器(Central Processing Unit，CPU)、网络处理器(Net work Processor，NP)等；还可以是数字信号处理器(Digital Signal Processor，DSP)、专用集成电路(Application SpecificIntegrated Circuit，ASIC)、现场可编程门阵列(Field－Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本说明书实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。结合本说明书实施例所公开的方法的步骤可以直接体现为硬件译码处理器执行完成，或者用译码处理器中的硬件及软件模块组合执行完成。软件模块可以位于随机存储器，闪存、只读存储器，可编程只读存储器或者电可擦写可编程存储器、寄存器等本领域成熟的存储介质中。该存储介质位于存储器，处理器读取存储器中的信息，结合其硬件完成上述方法的步骤。
实施例还提供一种计算机可读存储介质，所述计算机可读存储介质存储一个或多个程序，所述一个或多个程序当被包括多个应用程序的电子系统执行时，使得所述电子系统执行实施例一所述的方法。在此不再赘述。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。
上述实施例阐明的系统、装置、模块或单元，具体可以由计算机芯片或实体实现，或者由具有某种功能的产品来实现。一种典型的实现设备为计算机。具体的，计算机例如可以为个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任何设备的组合。计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
另外，本发明的一部分可被应用为计算机程序产品，例如计算机程序指令，当其被计算机执行时，通过该计算机的操作，可以调用或提供根据本发明的方法和/或技术方案。而调用本发明的方法的程序指令，可能被存储在固定的或可移动的记录介质中，和/或通过广播或其他信号承载媒体中的数据流而被传输，和/或被存储在根据所述程序指令运行的计算机设备的工作存储器中。在此，根据本发明的一个实施例包括一个装置，该装置包括用于存储计算机程序指令的存储器和用于执行程序指令的处理器，其中，当该计算机程序指令被该处理器执行时，触发该装置运行基于前述根据本发明的多个实施例的方法和/或技术方案。
Claims (8)
1.一种自动加载下一篇新闻的方法，其特征在于，包括以下步骤：
S1：建立json文件库，用于存储每一篇新闻对应的静态json文件；
S2：建立用于渲染所述静态json文的包括html静态页面在内的新闻展示页面，所述新闻展示页面为浏览新闻时唯一加载并访问的页面，并在浏览新闻时保持访问所述新闻展示页面不变；
S3：当用户浏览新闻的正文至所述新闻展示页面的正文区域的底部时，捕获鼠标的whel l滚动事件，首次滚动时，显示下一篇新闻的骨架屏，所述骨架屏上显示有下一篇新闻的预览标题，若在预设时间内连续滚动第二次，所述新闻展示页面将下一篇新闻对应的所述json文件渲染到所述新闻展示页面的正文区域上，所述新闻展示页面在不跳转页面的情况下，自动展示出下一篇新闻，并使得所述新闻展示页面呈现一个翻页的效果；
所述新闻展示页面将下一篇新闻对应的所述json文件渲染到所述新闻展示页面的正文区域上，所述新闻展示页面在不跳转页面的情况下，自动展示出下一篇新闻，具体为：
针对于每一篇新闻赋值一个唯一的虚拟访问地址，所述虚拟访问地址中包括每一篇新闻唯一对应的uk值；
当自动加载下一篇新闻时，通过所述虚拟访问地址中的uk值获取当前新闻对应的所述json文件，将所述json文件渲染到所述新闻展示页面的正文区域上，并通过对CDN使用Nginx ali as配置，针对于所有所述uk值对应的目录的访问都返回所述新闻展示页面的内容，确保浏览新闻的页面保持为所述新闻展示页面对应的包括html代码在内的代码不变；
执行WebAPI history.pushState命令改变当前页面地址栏的URL为所述虚拟访问地址，但不刷新当前新闻页面。
2.根据权利要求1所述的自动加载下一篇新闻的方法，其特征在于，还包括：所述新闻展示页面在将新闻展示到页面上之后，将同时请求当前新闻唯一对应的将要被推荐展示的下一篇新闻的所述json文件，当前新闻的下一篇推荐内容从推荐的所述json文件中获取，具体的推荐规则为：
根据当前展示的新闻推荐包括同标签、同分类热门内容、同关键词优质内容在内的待展示新闻；
判断所述待展示新闻中预设条数的前若干条新闻是否存在有当前用户所访问过的新闻或已删除的新闻，若不存在则在前若干条新闻中随机取一条新闻作为待展示的下一篇新闻，否则，更换一篇新闻作为待展示的下一篇新闻，避免推荐内容出现循环推荐或者已被删除的情况。
3.根据权利要求1所述的自动加载下一篇新闻的方法，其特征在于，所述新闻展示页面在加载下一篇新闻时，具体的交互过程为：
在所述新闻展示页面上注册鼠标的whel l滚动事件，当用户第一次将所述新闻展示页面滚动到页面底部时，显示下一篇新闻的所述骨架屏，给到用户加载预览的效果，在所述预设时间内再次滚动鼠标滚轮使得所述新闻展示页面触底，所述新闻展示页面使用的骨架屏样式向上滚动呈现翻页效果，随后展示下一篇新闻内容，并同时执行history.pushState改变地址栏上的URL为所述虚拟访问地址，使得页面与地址同时呈现翻页效果，但所述新闻展示页面不会跳转或者重新请求加载页面；
若在所述预设时间内没有再次滚动鼠标滚轮，所述新闻展示页面收起所述骨架屏样式，并保留下一篇新闻的预览标题。
4.根据权利要求1所述的自动加载下一篇新闻的方法，其特征在于，还包括：将所述新闻展示页面按照左右结构进行划分，左侧为信息流区域，右侧为正文区域；
其中，所述信息流区域，用于根据用户行为推荐新闻以提供给用户进行阅读，当点击所述信息流区域推荐的新闻时，直接在所述新闻展示页面的正文区域进行展示。
5.根据权利要求4所述的自动加载下一篇新闻的方法，其特征在于，在所述信息流区域中，根据用户行为推荐新闻，具体包括：
建立用户的动态画像接口，当所述新闻展示页面调用所述动态画像接口时，将包括当前用户的用户标识、当前用户访问所述新闻展示页面的行为记录在内的信息发送给所述新闻展示页面对应的服务端，所述服务端通过分析当前用户的所述行为记录，分析当前用户访问过的内容所在的频道、所属的标签以及所拥有的关键词，针对于当前用户推荐关联的新闻，并降低当前用户不愿访问的内容和同类内容展现频率。
6.一种自动加载下一篇新闻的系统，其特征在于，包括：json文件库建立模块，新闻展示页面建立模块，新闻加载模块；
所述json文件库建立模块，用于建立json文件库，用于存储每一篇新闻对应的静态json文件；
所述新闻展示页面建立模块，用于建立用于渲染所述静态json文件的包括htm l静态页面在内的新闻展示页面，所述新闻展示页面为浏览新闻时唯一加载并访问的页面，并在浏览新闻时保持访问所述新闻展示页面不变；
所述新闻加载模块，用于当用户浏览新闻的正文至所述新闻展示页面的正文区域的底部时，捕获鼠标的whel l滚动事件，首次滚动时，显示下一篇新闻的骨架屏，所述骨架屏上显示有下一篇新闻的预览标题，若在预设时间内连续滚动第二次，所述新闻展示页面将下一篇新闻对应的所述json文件渲染到所述新闻展示页面的正文区域上，所述新闻展示页面在不跳转页面的情况下，自动展示出下一篇新闻，并使得所述新闻展示页面呈现一个翻页的效果；
所述新闻加载模块，进一步包括：
虚拟地址建立单元，用于针对于每一篇新闻赋值一个唯一的虚拟访问地址，所述虚拟访问地址中包括每一篇新闻唯一对应的uk值；
json文件渲染单元，用于当自动加载下一篇新闻时，通过所述虚拟访问地址中的uk值获取当前新闻对应的所述json文件，将所述json文件渲染到所述新闻展示页面的正文区域上，并通过对CDN使用Nginx ali as配置，针对于所有所述uk值对应的目录的访问都返回所述新闻展示页面的内容，确保浏览新闻的页面保持为所述新闻展示页面对应的包括html代码在内的代码不变；
页面地址修改单元，用于执行WebAPI history.pushState命令改变当前页面地址栏的URL为所述虚拟访问地址，但不刷新当前新闻页面。
7.根据权利要求6所述的自动加载下一篇新闻的系统，其特征在于，还包括：
信息流加载模块，用于根据用户行为推荐新闻以提供给用户进行阅读，当点击信息流区域推荐的新闻时，直接在所述新闻展示页面的正文区域进行展示；
其中，所述信息流区域为将所述新闻展示页面按照左右结构进行划分，左侧为所述信息流区域，在所述信息流区域中，根据用户行为推荐新闻，具体包括：建立用户的动态画像接口，当所述新闻展示页面调用所述动态画像接口时，将包括当前用户的用户标识、当前用户访问所述新闻展示页面的行为记录在内的信息发送给所述新闻展示页面对应的服务端，所述服务端通过分析当前用户的所述行为记录，分析当前用户访问过的内容所在的频道、所属的标签以及所拥有的关键词，针对于当前用户推荐关联的新闻，并降低当前用户不愿访问的内容和同类内容展现频率。
8.一种计算机可读存储介质，所述计算机可读存储介质存储有计算机代码，当所述计算机代码被执行时，如权利要求1至5中任一项所述的方法被执行。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010559694.8A CN111898050B (zh) | 2020-06-18 | 2020-06-18 | 一种自动加载下一篇新闻的方法及系统 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010559694.8A CN111898050B (zh) | 2020-06-18 | 2020-06-18 | 一种自动加载下一篇新闻的方法及系统 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN111898050A CN111898050A (zh) | 2020-11-06 |
| CN111898050B true CN111898050B (zh) | 2024-05-14 |
Family
ID=73207480
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010559694.8A Active CN111898050B (zh) | 2020-06-18 | 2020-06-18 | 一种自动加载下一篇新闻的方法及系统 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111898050B (zh) |
Families Citing this family (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112417341B (zh) * | 2020-12-09 | 2023-04-28 | 福建天晴在线互动科技有限公司 | 一种新闻数据在多平台展示的方法及其系统 |
| CN113704653B (zh) * | 2021-07-16 | 2023-08-25 | 苏州浪潮智能科技有限公司 | 一种数据展示方法及相关装置 |
| CN115563428A (zh) * | 2022-07-20 | 2023-01-03 | 合肥汉泰网络科技有限公司 | 浏览器端虚拟路径重写的方法、系统和计算机设备 |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102760133A (zh) * | 2011-04-28 | 2012-10-31 | 腾讯科技（深圳）有限公司 | 网页加载方法、系统、浏览器、终端及服务器 |
| CN110889061A (zh) * | 2019-11-12 | 2020-03-17 | 望海康信(北京)科技股份公司 | 一种网页页面加载方法和装置 |
-
2020
- 2020-06-18 CN CN202010559694.8A patent/CN111898050B/zh active Active
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102760133A (zh) * | 2011-04-28 | 2012-10-31 | 腾讯科技（深圳）有限公司 | 网页加载方法、系统、浏览器、终端及服务器 |
| CN110889061A (zh) * | 2019-11-12 | 2020-03-17 | 望海康信(北京)科技股份公司 | 一种网页页面加载方法和装置 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN111898050A (zh) | 2020-11-06 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111898050B (zh) | 一种自动加载下一篇新闻的方法及系统 | |
| US9773069B2 (en) | Pre-fetching of network page content in a browser application | |
| US10165332B2 (en) | Contextual video browsing | |
| US9195372B2 (en) | Methods, systems, and computer program products for grouping tabbed portion of a display object based on content relationships and user interaction levels | |
| US9690866B2 (en) | Persistent media playback | |
| US20160162591A1 (en) | Web Content Tagging and Filtering | |
| US20120297324A1 (en) | Navigation Control Availability | |
| CN108141627B (zh) | 用于利用动态用户特征流传输视频的计算机系统和方法 | |
| CN106156244B (zh) | 一种信息搜索导航方法及装置 | |
| US20150248722A1 (en) | Web based interactive multimedia system | |
| US20160063074A1 (en) | Transition from first search results environment to second search results environment | |
| CN108829809B (zh) | 一种信息展示方法及其终端设备、网络设备 | |
| CN105630792B (zh) | 一种信息显示、推送方法及装置 | |
| CN109522473B (zh) | 一种推荐关联信息的方法及其终端、服务器 | |
| CN113194336A (zh) | 一种评论显示方法及装置 | |
| CN107368558B (zh) | 数据对象的返回方法及装置 | |
| CN108984247B (zh) | 一种信息展示方法及其终端设备和网络设备 | |
| CN109460525B (zh) | 简讯类文章的展示方法、装置、介质和计算设备 | |
| US8972373B2 (en) | Customization of the appearance of a user interface | |
| CN110990079B (zh) | 一种加载远程csv文件的方法和装置 | |
| US8799112B1 (en) | Interactive map for browsing items | |
| RU2575808C2 (ru) | Настройка взаимодействия с поиском, используя изображения | |
| CN116737747A (zh) | 呈现信息的方法和装置 | |
| CN116644200A (zh) | 用于内容呈现的方法、装置、设备和存储介质 | |
| CN113204704A (zh) | 内容信息的显示方法、装置、电子设备及可读介质 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |