TechOverflow Logo
TechOverflow

Puppeteer: <input>-Wert festlegen

English Deutsch

Verwenden Sie dieses Snippet, um den Wert eines HTML-<input>-Elements in Puppeteer festzulegen:

set_input_value_snippet.js
const newInputValue = "test 123";
await page.evaluate(val => document.querySelector('.search-form-input').value = val, newInputValue);amp

Denken Sie daran, '.search-form-input' durch den CSS-Selektor zu ersetzen, der geeignet ist, Ihr <input> auszuwählen. Beispiele sind 'input[name="username"]' oder '.username > input'.

Vollständiges Beispiel:

puppeteer_set_input_example.js
// Minimales Puppeteer-Beispiel
const puppeteer = require('puppeteer');
(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.goto('https://techoverflow.net', {waitUntil: 'domcontentloaded'});
  // Eingabewert festlegen
  const newInputValue = "test 123";
  await page.evaluate(val => document.querySelector('.search-form-input').value = val, newInputValue);
  // Screenshot zur Verifikation des Ergebnisses
  await page.screenshot({path: 'screenshot.png'});
  // Aufräumen
  await browser.close();
})();

Beachten Sie, dass diese Methode für jedes einfache <input> funktioniert, jedoch möglicherweise nicht für einige stark JavaScript-basierte Eingabefelder, die Sie auf einigen modernen Websites finden.

Check out similar posts by category: Javascript, Puppeteer