时间戳

首页 > 解决方案 > 如何将 html 元素添加到当前页面？木偶/卡罗

puppeteer - 如何将 html 元素添加到当前页面？木偶/卡罗

问题描述

我正在尝试将 html 元素添加到当前页面

page.setContenet

但是当它到达时：

await page.setContent('<div><h1>hello world<h1></div>')

刷新页面，告别./index.html

有没有办法让这两个功能同时在同一个窗口中工作？

完整代码：

'use strict'

const path = require('path');
const carlo = require('carlo');
const puppeteer = require('puppeteer-core');
const { getExecutablePath } = require('./utils');

const run = async () => {
  const executablePath = await getExecutablePath({
  //  useLocalChromium: true
  });
  console.log('Executable path:', executablePath);
  launchPuppeteer({ executablePath });
}

run();

const launchPuppeteer = async launchOptions => {
  const test = path.join(__dirname, 'public')
  const final = test + '/index.html';
  const browser = await puppeteer.launch({
    headless: false,
    args: [`--app=${final}`, '--window-size=1280,1024'],
    ...launchOptions
  });

  const [page] = await browser.pages();

  await page.setViewport({width: 1280, height: 1024});
  await page.setContent('<div><h1>hello world<h1></div>')
}

标签： puppeteer

解决方案

就用这个

await page.evaluate(()=>{
    document.body.innerHTML += '<div>Test</div>';
})

编辑：这个呢？

推荐阅读