Как сделать скриншот сайта размером 1200х800px в браузере google chrome?

Discussion in 'Linux, Freebsd, *nix' started by people2people, 31 Mar 2020.

  1. people2people

    people2people Banned

    Joined:
    1 Dec 2019
    Messages:
    159
    Likes Received:
    66
    Reputations:
    0
    Как сделать скриншот сайта размером 1200х800px в браузере google chrome?
     
  2. Turanchocks_

    Turanchocks_ Elder - Старейшина

    Joined:
    11 May 2013
    Messages:
    1,326
    Likes Received:
    3,283
    Reputations:
    17
    А ты точно шаблоны вордпрессовские делаешь?
    После таких вопросов у меня появились сомнения.
     
    people2people likes this.
  3. Bonkеrs

    Bonkеrs Member

    Joined:
    5 Feb 2014
    Messages:
    36
    Likes Received:
    17
    Reputations:
    3
    Вопрос конечно не из легких, а главное что с разделом не ошибся.

    Ладно, не буду долго шутить, puppeteer знаешь такое?
     
    people2people likes this.
  4. people2people

    people2people Banned

    Joined:
    1 Dec 2019
    Messages:
    159
    Likes Received:
    66
    Reputations:
    0
    Мне это нужно, чтобы сделать скриншоты шаблона - файл screenshot.png

    Есть плагин для chrome делает скриншоты окна браузера..https://chrome.google.com/webstore/...t-tool/mbniclmhobmnbdlbpiphghaielnnpgdp?hl=en ..
    но вот есть одно но..как сделать размер окна браузера 1200Х800 ?
     
  5. Bonkеrs

    Bonkеrs Member

    Joined:
    5 Feb 2014
    Messages:
    36
    Likes Received:
    17
    Reputations:
    3
    Code:
    const puppeteer = require('puppeteer');
    const site = 'https://ya.ru/';
    
    async function run() {
       let browser = await puppeteer.launch({ headless: false; args: ['--window-size=1200,800' });
       let page = await browser.newPage();
       await page.goto(site);
       await page.screenshot({ path: './image.jpg', type: 'jpeg' });
       await page.close();
       await browser.close();
    }
    
    run();
     
    people2people likes this.
  6. ckpunmkug

    ckpunmkug Member

    Joined:
    20 Mar 2017
    Messages:
    72
    Likes Received:
    72
    Reputations:
    10
    Правильный ответ:
    1. Открываем DevTools
    2. Затем включаем имитацию мобильника: Toggle device toolbar Ctrl+Shift+M
    3. Имя мобильника выбираем: Responsive
    4. Выставляем разрешение: 1200x800
    5. Фоткаем окно плагином.
     
    people2people likes this.
  7. altblitz

    altblitz Elder - Старейшина

    Joined:
    5 Jun 2009
    Messages:
    3,691
    Likes Received:
    3,145
    Reputations:
    236
    Code:
    blitz@inode ~/aur % trizen -Q gnome-screenshot
    gnome-screenshot 3.36.0-1
    
    [​IMG]

    Вот так и сделать. Выбрав нужный размер картинки с экрана - Select area to grab.
    Далее, картинку можно обработать в XNviewMP, выбрав Resize и стандартный размер картинки.
    Например - 1280х960 px.
     
    #7 altblitz, 5 Apr 2020
    Last edited: 5 Apr 2020
    people2people likes this.