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这样的函数方法。