The latest articles on DEV Community by Jafar Muhammed (@pmjcreations). https://dev.to/pmjcreations https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F363715%2F8b720f0e-6fa7-4587-8a03-052e7f034cb8.jpg https://dev.to/pmjcreations en Jafar Muhammed Thu, 06 Aug 2020 07:42:21 +0000 https://dev.to/pmjcreations/how-to-use-puppeteer-to-extract-code-coverage-data-from-chrome-dev-tools-5bb https://dev.to/pmjcreations/how-to-use-puppeteer-to-extract-code-coverage-data-from-chrome-dev-tools-5bb <p>Hello,</p> <p>I was referring to <a href="https://www.philkrie.me/2018/07/04/extracting-coverage.html">https://www.philkrie.me/2018/07/04/extracting-coverage.html</a></p> <p>This tutorial seems working fine, indeed the only tutorial I found working as per my requirement.</p> <p>I guess this post is a little outdated; I am sorry if it is not.</p> <p>I am trying to generate unused CSS for my WordPress website that using builder tools like Elementor or Divi.</p> <p>Currently, the output is minimal and breaking my website styles.</p> <p>Do we have any way to open the GUI of the browser, and then I interact with the pages like scrolling, opening the pop-up, and adjusting the viewport so that we can let the coverage tool make it more accurate?</p> <p>Then the Node script do rest of the things?</p> <p>If yes, please help me with updated code.</p> <p>If that is not possible or not an easier solution, I wish to know a working way to convert/parse the Coverage-xxxxx.json file to CSS file where it only holds used CSS. I tried most of the available threads and forums, but no luck.</p> <p>Thank you so much.</p> node css question