iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 21
1
DevOps

Puppeteer系列 第 21

Puppeteer & 視窗最大化

  • 分享至 

  • xImage
  •  

介紹
Puppeteer 目前的版本開啟來都會有個frame在裡面,如果要交付作品給客戶通常要美化一下

程式碼如下 args: ['--start-maximized'],先把瀏覽器開最大,再透過evaluate執行前端把 window物件抓到window.screen的大小,最後再使用 setViewport來設定

async function init_browser() {
  currentStep = 'init_browser';
  //讓開啟來的瀏覽器預設最大
  browser = await puppeteer.launch({
    headless: false,
    args: ['--start-maximized'],
    // userDataDir: './tempDir', //save user profile
  });
  page = await browser.newPage();

  // await watchDog;
  let currentScreen = await page.evaluate(() => {
    return {
      width: window.screen.availWidth,
      height: window.screen.availHeight, 
    };
  });
  //設定預設網頁頁面大小
  await page.setViewport(currentScreen);
}

總結
在Option中有許多args可以使用 可以參考以一下


上一篇
Puppeteer & 自動鐵人發文(一)
下一篇
Puppeteer & Facebook
系列文
Puppeteer30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言