const extractCss = require('extract-css-core')
const css = await extractCss('http://www.projectwallace.com')npm install extract-css-core
# or
yarn add extract-css-coreExisting packages like
get-css
look at a server-generated piece of HTML and get all the <link> and <style>
tags from it. This works fine for 100% server rendered pages 👍, but not for pages with
CSS-in-JS styling and inline styles 👎.
This module uses an instance of Chromium to render a page. This has the benefit
that most of the styles can be rendered, even when generated by JavaScript. The
Puppeteer CSSCoverage API
is the power behind finding most of the CSS. Additionally, the
document.styleSheets API is used to get CSS-in-JS styling. Lastly, a plain old document.querySelectorAll('[style]') finds all inline styling.
Extract CSS from a page. Returns a Promise that contains the CSS as a single String.
Type: Object
Default: {}
Type: String
Default: networkidle0
Can be any value as provided by the Puppeteer docs.
- Wallace CLI - Pretty CSS analytics in your terminal
- get-css - The original get-css from CSSStats
