Определить ширину по умолчанию окна Chrome DevTools - PullRequest
Новая
       51

Определить ширину по умолчанию окна Chrome DevTools

1 голос
/ 20 октября 2019

Есть ли способ придать chrome ширину по умолчанию для окна devtools. Как и сейчас, когда я запускаю Chrome и открываю DevTools, это занимает около половины ширины окна. В идеале я хотел бы сделать что-то вроде 

$> /Applications/Google Chrome.app/Contents/MacOS/"Google Chrome" 
      --devtools-width=300

и сказать ему, какова ширина.

Чтобы дать немного контекста, я запускаю Puppeteer, который, в моем случае, открывает DevTools, когдаон запускает браузер. Но он слишком широк для меня, мне нужно каждый раз менять его размер. Вот моя конфигурация: 

await puppeteer.launch({
        headless: false,
        devtools: true,
        defaultViewport: null,
        executablePath: '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome',
        args: [
            '--debug-devtools',
            '--no-sandbox',
            '--disable-setuid-sandbox',
            '--disable-web-security',
            '--allow-running-insecure-content',
            '--disable-notifications',
            '--window-size=1920,1080'
        ]
    });

Но я думаю, что это не вопрос кукловода.

1 Ответ

1 голос
/ 20 октября 2019

Используйте puppeteer-extra с puppeteer-extra-plugin-user-Предпочтения и укажите splitViewState.

package.jsonзависимости: 

"puppeteer": "^1.20.0",
"puppeteer-extra": "^2.1.3",
"puppeteer-extra-plugin-user-data-dir": "^2.1.2",
"puppeteer-extra-plugin-user-preferences": "^2.1.2"

Использование: 

const puppeteer = require('puppeteer-extra');
const ppUserPrefs = require('puppeteer-extra-plugin-user-preferences');

puppeteer.use(ppUserPrefs({
  userPrefs: {
    devtools: {
      preferences: {
        'InspectorView.splitViewState': JSON.stringify({
          vertical: {size: 300},
          horizontal: {size: 0},
        }),
        uiTheme: '"dark"',
      },
    },
  },
}));

puppeteer.launch({
  headless: false,
  devtools: true,
  defaultViewport: null,
  args: [
    '--window-size=1920,1080',
  ],
});

PS, чтобы просмотреть полный список, скопируйте содержимое вашего Preferences в каталог профиля браузера и отформатируйте его с помощью любого JSON beautifier,затем посмотрите вверх devtools и preferences внутри.

...