zoukankan      html  css  js  c++  java
  • [Node.js] Take Screenshots of Multiple Dimensions for Responsive Sites using Nightmare

    When developing responsive websites, you will constantly be resizing your browser to make sure your site is properly responding to all of the resizes. You can script this behavior by using Nightmare to leverage Electron and it will handle all the resizing for you. Nightmare can then also takes screenshots and save them so you can make sure the site matches your designs.

    const Nightmare = require('nightmare');
    const path = require('path');
    
    const nightmare = new Nightmare({
        show: true,
        frame: false
                                    });
    
    nightmare
        .goto('https://egghead.io')
        .viewport(640, 480)
        .wait(1000)
        .screenshot('./screenshots/640x480.png')
        .viewport(1280, 720)
        .wait(1000)
        .screenshot('./screenshots/1280x720.png')
        .end()
        .then(() => console.log("done"));

    Github

  • 相关阅读:
    spark shuffle 机制
    hive explain 源码分析
    前端jQurey
    js-dom操作
    前端JS
    前端CSS
    Redis和MongoDB区别
    MySQL数据库备份
    MySQL索引
    python连接mysql服务端
  • 原文地址:https://www.cnblogs.com/Answer1215/p/6727838.html
Copyright © 2011-2022 走看看