search

apacheao / blog

0 stars 0 forks source link

将浏览器的CSS属性归类 #17

Open apacheao opened 4 years ago

apacheao commented 4 years ago

为了抓取所有CSS属性，我们可以通过以下小爬虫代码

  1. 首先我们通过about:blank打开一个浏览器空白页;
  2. 我们可以在控制台输入以下代码 
    JSON.stringify(Object.keys(document.body.style).filter(e => !e.match(/webkit/)), null, "                     ")

CSS Properties

我们可以抓到过滤webkit开头的属性之后浏览器一共还有359个属性，我这里已经做好了一份properties的JSON文件浏览器所有properties

根据CSS的作用特点，一开始本想根据layout，intercative，render/draw，svg，others，但分类到一半时，有一些摸棱两可的属性感觉放哪都可以的属性，便在网上找了一份我还觉得ok的CSS分类的导图资料地址，便有了这份CSS属性分类分类地址