克服首屏空白的源码填充方法和平台与流程

文档序号:21931087发布日期:2020-08-21 14:55阅读:来源:国知局

技术特征:

1.一种克服首屏空白的源码平台的填充方法,其特征在于,运行在处理终端上,包括如下步骤:

在h5前端开发的项目构建阶段,利用无头浏览器,预先加载对应的页面,并抓取网页源码填充到打包生成的html文件中;

所述无头浏览器为谷歌的puppeteer无头浏览器;

所述利用无头浏览器,预先加载对应的页面,并抓取网页源码填充到打包生成的html文件中的方法,包括:

在网页发布前,用所述谷歌的puppeteer无头浏览器的开发版chromium提供的接口来隐式访问网页,当网页加载完成之后,再次利用开发版chromium提供的接口对网页的源代码进行抓取,经过设定算法加工后,得到用户需要的内容,将这些内容再注入到作为网页代码的打包生成的html文件中。

2.根据权利要求1所述的克服首屏空白的源码平台的填充方法,其特征在于,所述隐式访问网页为后台访问网页。

3.一种克服首屏空白的源码平台,其特征在于,包括:运行在处理终端上的加载模块和填充模块;

所述加载模块用于利用无头浏览器,预先加载对应的页面;

所述填充模块用于抓取网页源码填充到打包生成的html文件中;所述加载模块还用于在网页发布前,用所述谷歌的puppeteer无头浏览器的开发版chromium提供的接口来隐式访问网页;

所述填充模块还用于利用开发版chromium提供的接口对网页的源代码进行抓取,经过设定算法加工后,得到用户需要的内容,将这些内容再注入到作为网页代码的打包生成的html文件中。

4.根据权利要求3所述的克服首屏空白的源码平台,其特征在于,用谷歌的puppeteer无头浏览器的开发版chromium提供的接口来隐式访问网页,包括:

利用npm的第三方库puppeteer.launch()方法来启动开发版chromium,利用puppeteer.newpage()来新建一个页面窗口,利用puppeteer.goto()来访问指定页面;

再次利用开发版chromium提供的接口对网页的源代码进行抓取,包括:

利用puppeteer的newpage方法会产生一个当前页面的实例page,而利用page.content()获取当前页面的源代码;

设定算法,包括:利用开源工具html-minifier对抓取的内容进行格式化,其中包括removecomments,collapsewhitespace,minifyjs,minifycss这样的函数方法。


技术总结
一种克服首屏空白的源码填充方法和平台,包括运行在处理终端上,包括如下步骤:在H5前端开发的项目构建阶段,利用无头浏览器,预先加载对应的页面,并抓取网页源码填充到打包生成的html文件中。结合其他结构和方法有效避免了现有技术中H5前端开发会出现首屏空白的缺陷。

技术研发人员:刘敏;樊伟伟;李恒;孙建;朱晓明;杭建
受保护的技术使用者:随身云(南京)信息技术有限公司
技术研发日:2020.07.13
技术公布日:2020.08.21
当前第2页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1