主页 / 问题 / 887611
Accepted
eriksongerson
Asked:2020-10-01 15:00:27 +0000 UTC2020-10-01 15:00:27 +0000 UTC

以编程方式填写他人网站上的字段

  • 772

我处理护照数据。有一个第三方网站，我必须上传这些数据。那里有很多领域input。我必须填写它们。因为 有很多领域，我想自动化这个业务。该站点没有 API，因此最好将脚本连接到该站点以填充输入字段。

问题：如何将您的脚本连接到站点？

javascript

2 个回答

  1. Best Answer

    我使用了 nodejs和puppeteer

    npm install --save puppeteer
const puppeteer = require('puppeteer');

async function inputData() {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.goto('https://адрес вашего сайта.com');
  const targetInput = '#value';//id нужного инпута
  await page.waitForSelector(targetInput);
  await page.type(targetInput, "ваши данные");
  const submitButton = '#submit';//id кнопки подтверждения
  await page.waitForSelector(submitButton);
  await page.click(submitButton);

  await browser.close();
}

    这是一个例子

    • 2

  2. Userjs 是浏览器在加载每个页面后执行的 javascript 脚本，并允许您修改其内容。

    Userjs 脚本可以在浏览器配置文件中手动连接（不同浏览器中的连接略有不同），或者您可以使用 Greasemonkey 或 Tampermonkey 之类的插件（这些是最受欢迎的，但还有其他的）。

    有很多现成的解决方案和示例，可以在 greasyfork.org openuserjs.org userstyles.org 等资源上找到

    例如，在我们网站 ru.stackoverflow.com 的搜索字段中输入字符串“qwerty”的脚本如下所示：

    // ==UserScript==
// @name         Demo
// @namespace    ru.stackoverflow.com
// @version      0.1
// @description  Demo
// @match        https://ru.stackoverflow.com
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    let searchField = document.querySelector("input.f-input.js-search-field");
    searchField.value = "qwerty";
})();
    • 1

相关问题