[发明专利]克服首屏空白的源码填充方法和平台

权利要求书

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