Question

我正在用node.js编写一个应用程序，该应用程序将导航到一个网站，单击该网站上的一个按钮，然后从该网站中提取某些数据。除单击按钮方面外，其他一切都进行顺利。我似乎无法模拟按钮单击。我对此非常陌生，因此，我对您提出的任何建议将不胜感激！可悲的是，我搜寻了互联网，以寻求解决此问题的方法，但是找不到。

我在使用'request'和'cheerio'的.js文件中使用了.click()和.bind('click, ...)。

我还尝试在使用'chrome-launcher'，'chrome-remote-interface'和'puppeteer'的另一个.js文件中使用page.click()和page.evaluate()。

这是我的“ request”和“ cheerio”文件代码：

const request = require('request');
const cheerio = require('cheerio');

let p1 = {}, p2 = {}, p3 = {}, p4 = {}, p5 = {};

p1.name = 'TheJackal666';

p2.name = 'Naether Raviel';

p3.name = 'qman37';

p4.name = 'ranger51';

p5.name = 'fernanda12x';

const team = {1: p1, 2: p2, 3: p3, 4: p4, 5: p5};

for(var x in team){
        let url = 'https://na.op.gg/summoner/userName=' + 
team[x].name;

        request(url, (error, response, html) => {
            if (!error && response.statusCode == 200) {
                const $ = cheerio.load(html);

                $('.SummonerRefreshButton.Button.SemiRound.Blue').click(); 
//FIXME: MAKE A FUNCTION THAT SUCCESSFULLY "CLICKS" UPDATE BUTTON

                team[x].overallWR = $('.winratio');
                team[x].overallWR = 
team[x].overallWR.text().match(/\d/g);
                team[x].overallWR = 
team[x].overallWR.join("");

            console.log(team[x].overallWR);
            }
        });
}

我希望可以成功单击任何页面上的更新按钮（页面上的某个部分显示了上次更新的时间），而不会出现错误。就这样，我要么得到一个错误，即：

"$(...).click is not a function"

或者（如果我将该行合并到外部函数中），我没有错误，但是没有结果。

非常感谢您提供的任何帮助！ <3 <3 <3

Answer 1

请参见the documentation：

Cheerio不是网络浏览器

Cheerio解析标记并提供用于遍历/操纵结果数据结构的API。它不像Web浏览器那样解释结果。具体来说，它不会产生视觉效果，不会应用CSS，加载外部资源或执行JavaScript。如果您的用例需要任何此功能，则应考虑使用PhantomJS或JSm之类的项目。

Answer 2

Cheerio是HTML解析器。

Cheerio可用于选择和操作dom元素，但它不是完整的浏览器。

Cheerio仅有权访问原始源dom，这意味着如果网页的dom由javascript操作，则Cheerio将不会注意到该更改。

Cheerio无法用于与dom元素（ala jQuery）进行交互，因为它不会类似地在窗口（js窗口）中执行

到目前为止，如果您需要针对js渲染的html进行操作或选择，那么最好的选择是puppeteer。但这可能会改变，

HTH

如何修复Node / Cheerio中的'$（...）。click不是函数'

2 个答案: