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

在使用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 这个属性可以过滤掉本身默认提供给你的参数，接收的类型：> 我们需要将过滤的参数写成['参数1','参数2','参数3'...]，加上这个，就完美解决了问题！ 照顾一下连代码都懒得敲的同学： puppeteer.launch({ ... ignoreDefaultArgs:['--enable-automation'] ... }) 再去测试下，就没有那个测试提醒了。 如有遇到其他问题，评论下方可以联系我，共同学习排坑。

本文章由javascript技术分享原创和收集