Puppeteer 系列踩坑日志—3—开启支持插件

2021-04-15 10:10:00

参考地址 Puppeteer 系列踩坑日志—3—开启支持插件

在使用puppeteer自动化的过程中,会发现其实开启的chrome往往自动禁用了插件功能,如果我们想在自动化测试的过程中,再去使用一些常用的插件提升效率(偷懒)的话,就行不通了,其实解决办法还是有的,我们今天就来讲解这个问题。
疑问1:为什么puppeteer刚启动的时候,插件功能是被disable掉的?
  • 这个问题官方那边我并没有找到,但是我个人的猜测是:性能。为了提升puppeteer打开更快这方面的考虑。

疑问2:怎么被禁用的?
  • 首先,我们需要回到 [Puppeteer 系列踩坑日志—2—去掉自动化提示]() 这篇文章里面去看看,开篇提到过chrome命令行,可以回看一下。然后我们会发现在 lanucher.js 里面,启动的默认参数中有一个叫做: --disable-extensions 这个参数其实都不用去看说明了,名字很清楚。但是我们必须要挖掘一下,看看peter清单里有没有什么解释。

  • perter列表里的清单解释非常地简单,就是这意思。但是我们在下面,又发现了一个其他的参数 --disable-extensions-except 看下解释: 禁用除逗号分隔列表中指定的扩展之外的扩展。如果不希望打开,但是又要加载插件,可以使用这个,也算是看文档的意外收获。

疑问3:如何指定插件?
  • 刚才我们已经解决了插件功能被关闭的问题,那么接下来实现加载插件。

  • 先说一个题外话,怎么把现在chrome里安装好的,商店的插件,拿出来:

    • 地址栏: chrome://version/

    • 然后看到:个人资料路径。电脑里打开这个路径找到 Extensions 这个文件夹,里面就全部都是谷歌插件的安装包,具体名称需要根据插件 ID 去核对。

image-20200318143751635.png

  • 那么接下来,我们先拿到自己的插件路径(绝对路径,或者node解析出来的路径),开始加载,话不多说,上代码:

 const browser = await puppeteer.launch({
   ...    args : [`--disable-extensions-except=${插件路径1},${插件路径2},${插件路径3}...`]
  });

这样就轻松解决了问题。

  • 其他坑:可能你会遇到插件加载有问题,这是可能插件文件夹里面存在着一些乱七八糟的文件。这个可以参考谷歌插件开发文档,里面的东西尽可能保持干净即可。windows下可能还会出现隐藏文件,如果实在删不掉可以尝试新建文件夹复制出来一份。

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


  • 2020-05-07 13:05:28

    JavaScript中批量设置Css样式

    setAttribute() 方法添加指定的属性,并为其赋指定的值。 如果这个指定的属性已存在,则仅设置/更改值

  • 2020-05-07 13:07:21

    scrollBox 跑马灯滚动js

    ​这个插件可以很好的实现跑马灯,以及轮播图等效果,scrollBox js

  • 2020-05-07 13:21:25

    JS中获取 DOM 元素的绝对位置实例详解

    在操作页面滚动和动画时经常会获取 DOM 元素的绝对位置,例如 本文 左侧的悬浮导航,当页面滚动到它以前会正常地渲染到文档流中,当页面滚动超过了它的位置,就会始终悬浮在左侧。

  • 2020-05-07 13:42:13

    场景切换的集合移动,旋转,淡入淡出等

    两个场景(即两个div视图)切换的时候,如果想添加个过渡动画,除了可以使用js来实现,还可以通过CSS3的animation属性来实现。 (注意:Internet Explorer 9 以及更早的版本不支持 animation 属性。)