文件名称：joe-skeleton:骨骼图生成组件
文件大小：15KB
文件格式：ZIP
更新时间：2024-06-05 11:57:34
JavaScript
joe-skeleton 说明 骨骼图生成组件，仅限node端使用。该组件提供骨骼图生成和骨骼图模板注入两个能力。 骨骼图生成逻辑：通过传入页面地址，使用 pepputeer 无头浏览器打开页面地址，对页面首屏图片和文本等节点进行灰色背景处理，然后对页面首屏进行截图，生成压缩后的 base64 png 图片。 骨骼图模板注入逻辑：通过传入需要做注入的模板 html 地址，为该 html 模板的 body 添加 base64 的骨骼图背景图，并添加 window load 事件发生 3s 后自动移除骨骼图的逻辑。 入参 name： 页面名称，用于区分不同页面的骨骼图文件，默认 'pagename' url： 页面地址，可访问的页面地址，用于生成骨骼图，默认 '' outputPath： 骨骼图输出地址，输出结果是 base64 png 图片，放置在 txt 文件中，为空则不输出 templa
【文件预览】：
joe-skeleton-master
----bin()
--------index.js(1KB)
----.babelrc(26B)
----package.json(772B)
----readme.md(4KB)
----src()
--------index.js(43B)
--------getSkeleton.js(21KB)
----.gitignore(53B)
----webpack.config.js(1KB)
----demo()
--------index.js(332B)
--------template()
----.editorconfig(147B)