美文网首页让前端飞Web前端之路
Puppeteer 系列踩坑日志—2—去掉自动化提示

Puppeteer 系列踩坑日志—2—去掉自动化提示

作者: 前端大白96 | 来源:发表于2020-03-19 11:09 被阅读0次

    在使用puppeteer自动化的过程中,经常出现一个自动化提示:正在被自动化测试。而这个提示不仅仅有这个作用,它还能让很多网站识别出来,你是在使用爬虫访问,从而采取了相应的反制措施,怎么反制,你懂得。今天我们就来探讨下这个问题!

    基础:chrome启动参数的理解
    • 关于启动参数,其实网上已经有非常多的列表了,我这里也隆重推荐一个大家都认为比较全面的清单:https://peter.sh/experiments/chromium-command-line-switches/
    • 拿着清单,我们现在来理解下,什么叫做chrome启动参数?(已经理解的,或者着急看解决方式可以跳过这段,直接看后面,这里详细讲原理别嫌啰嗦,这里照顾不了解的同学)
    image-20200318111030912.png
    • 不知道大家使用chrome浏览器的时候,有没有注意到右上角的“用户”选项,当我们新建一个用户出来的时候,其实桌面自动为我们生成了一个快捷方式。

    • 所谓用户:就是理解为谷歌的分身,另外一个完全与现在不相关的chrome被打开。例如多开帐号等等操作。

    • 我们打开这个快捷方式,看下里面究竟是怎么回事,属性,查看目标那一栏,我们可以看到一串这样的东西:"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --profile-directory="Profile 5"

    • --profile-directory Selects directory of profile to associate with the first browser launched.
      配置文件目录 选择要与启动的第一个浏览器关联的配置文件目录。
    • 前面那段路径其实可以省略,就是大家chrome安装路径,主要是后面这段是什么鬼?其实这就是我们说的命令行参数,我们打开前面peter给出的chrome启动参数列表,搜索到这一行的解释: Selects directory of profile to associate with the first browser launched. 意思是:选择要与启动的第一个浏览器关联的配置文件目录。那么也就理解了,其实chrome命令行参数,就是做类似于改变chrome启动操作的一些事情,例如:配置用户目录,更改浏览器窗口大小,关闭浏览器跨域,改变浏览器渲染进程等等。

    • 所以我们关心的去掉自动化提示这个问题,其实就是在这里可以找到答案,我们继续往后翻peter给的列表,翻到这个参数:

    • --enable-automation Enable indication that browser is controlled by automation.
      自动化测试提示参数 启用浏览器由自动化控制的指示。
    • 好家伙,我们现在看到的这个,就是元凶,那么你可能会有疑问:我代码里明明啥都没加啊,为啥还会有?

    • 莫急,我们先想想npm包本身呢?是不是问题出在了这里?由此,我们引入了第一个解决方法。

    解决方案1:修改puppeteer npm包源码(不推荐)
    • 首先看到标题你就知道了,不推荐这个做法,因为破坏了源码,以后包升级还是会有问题。但是还是要讲一下,因为了解原理,可以举一反三。
    • 我们看源码首先得前往 项目\node_modules\puppeteer 目录下去看,我们发现了下面的目录是这样的:
    image-20200318112851445.png
    • 解释下非常有意思的几个目录:

      • .local-chromium:当年刚出来的时候,大家用puppeteer都得搭XX,就是因为这个玩意下载不下来导致的,很多人就放弃了。其实这里面就放了一个chromium,平时puppeteer启动的时候,默认就是调用这个浏览器。这个浏览器的好处是,免安装,随时可用,更新快,功能激进(并没发现激进啥,我偶尔存u盘里方便在一些不那么年轻的电脑上 用chrome浏览网页)
      • index.js
      • lib
    • 首先在index.js里面看到这段 const Puppeteer = require('./lib/Puppeteer'); ,我们根据这个往下找puppeteer到底从哪里来的?

    image-20200318113507991.png

    打开puppeteer.js,继续看下去,第一行 const Launcher = require('./Launcher'); 就引起了我们的怀疑,因为下面的代码里面 都有options跟它息息相关,本着不放过一个的精神,我们打开查看,粗略的浏览了一下,貌似没有什么问题?可是别急,继续往下看,我们发现了一堆有意思的东西:

     defaultArgs(options = {}) {
        const chromeArguments = [
          '--disable-background-networking',
          '--enable-features=NetworkService,NetworkServiceInProcess',
          '--disable-background-timer-throttling',
          '--disable-backgrounding-occluded-windows',
          '--disable-breakpad',
          '--disable-client-side-phishing-detection',
          '--disable-component-extensions-with-background-pages',
          '--disable-default-apps',
          '--disable-dev-shm-usage',
          '--disable-extensions',
          '--disable-features=TranslateUI',
          '--disable-hang-monitor',
          '--disable-ipc-flooding-protection',
          '--disable-popup-blocking',
          '--disable-prompt-on-repost',
          '--disable-renderer-backgrounding',
          '--disable-sync',
          '--force-color-profile=srgb',
          '--metrics-recording-only',
          '--no-first-run',
          '--enable-automation',
          '--password-store=basic',
          '--use-mock-keychain',
        ];
        const {
          devtools = false,
          headless = !devtools,
          args = [],
          userDataDir = null
        } = options;
        if (userDataDir)
          chromeArguments.push(`--user-data-dir=${userDataDir}`);
        if (devtools)
          chromeArguments.push('--auto-open-devtools-for-tabs');
        if (headless) {
          chromeArguments.push(
              '--headless',
              '--hide-scrollbars',
              '--mute-audio'
          );
        }
        if (args.every(arg => arg.startsWith('-')))
          chromeArguments.push('about:blank');
        chromeArguments.push(...args);
        return chromeArguments;
      }
    

    惊不惊喜,意不意外?看到名字就知道了:defaultArgs,也就是在你启动puppeteer的时候,不论如何,它都会给你来一个这样的参数列表追加进去,因此我们在使用puppeteer的时候,试着这里的:--enable-automation 删除,再重新跑一遍puppeteer,那个烦人的提示就不见了。(这个时候再试试去登陆那些反爬虫网站,so easy!)

    • 注意坑:这里我遇到过一个令我羞愧难当的问题,我曾经十分自信的跟同事说:用这个方法肯定没问题,可是当去掉了,并且执行了我以上这些操作,提示是没了,但是还是被反爬虫网站发现了!我真是见了鬼了!打脸来的如此之快!

    • 解决坑:最后经过不断的排摸问题,发现原来是chromium的问题,换成chrome或者是其他版本的chromium就没问题了,所以当大家遇到类似问题,可以尝试着切换下版本或者是chrome。这也印证了为什么谷歌官网chromium提醒我们,不稳定。官方大佬说的话,真的不能轻视每一句啊!

    解决方案2:官方方案(推荐)
    • 这里我们来讲解下解决方案,有句名言:当你遇到问题,先去看官方文档。看完如果还不知道怎么解决?请熟读并背诵文档!

    • 其实官方文档里面已经给出过解决方法(但是官方文档往往不太喜欢直白的告诉你),我们来回忆一下文档里说的,launch的时候有个参数: ignoreDefaultArgs

    • 官方原话在这里: https://github.com/puppeteer/puppeteer/blob/master/docs/api.md#puppeteerlaunchoptions

    • 这个属性可以过滤掉本身默认提供给你的参数,接收的类型:<boolean|Array<string>> 我们需要将过滤的参数写成['参数1','参数2','参数3'...],加上这个,就完美解决了问题!

    • 照顾一下连代码都懒得敲的同学:

      puppeteer.launch({
          ...
          ignoreDefaultArgs:['--enable-automation']
          ...
      })
      

      再去测试下,就没有那个测试提醒了。

    • 如有遇到其他问题,评论下方可以联系我,共同学习排坑。

    相关文章

      网友评论

        本文标题:Puppeteer 系列踩坑日志—2—去掉自动化提示

        本文链接:https://www.haomeiwen.com/subject/pzmkyhtx.html