Skip to content

Latest commit

 

History

History
47 lines (27 loc) · 1.76 KB

README_EN.md

File metadata and controls

47 lines (27 loc) · 1.76 KB
Raw

Background

The function provided by pre-rendering can only solve the problem of white screen, but this content is actually just a frame generated by css and html, and there are problems such as the structure of the page and the actual inconsistency, and excessive white space.

English | 中文

Principle

Based on a scheme for automatically generating skeleton screens, I modified [skeleton](https://github.com/ElemeFE /page-skeleton-webpack-plugin/tree/master/src/script) code, when the Google plug-in is loaded, inject it into the page, select the current element, run outputSkeleton, you can get the html&css of the skeleton screen

Frame

@killblanks_skeleleton_ext_framework

Quick start

1. Installation

Two ways to install are currently recommended

1.1 Google Store (not currently available)

1.2 Local installation

  git clone https://github.com/warpcgd/killblanks.git

  • Open chrome:extensions, check Developer mode, click Load decompressed extension program, select the killblanks/packages/skeleton-chrome-ext/dist folder in the clone source code

  • Video tutorial

skeleton-install

2. Use

  • Open dev-tools

  • Switch to Element tab

  • Click the Select Element button to select any element

  • Find SKELETON in sidebar

  • Click on render

  • Video tutorial

skeleton-use