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-03-18 21:15:34

    使用canvas画布解决百度地图自定义图层全球连续显示问题

        基于百度地图的Web API进行自定义图层叠加时,默认的图层只能叠加到全球范围以内,即经度范围为[-180, 180],而无法将图层叠加到默认的全球范围以外,即经度范围超出了[-180, 180]之后,经纬度坐标会自动回归到(0, 0),而导致在地图拖拽时全球以外无法连续显示想要的图层,此时可以基于百度地图的自定义图层将经纬度坐标转为像素点使用画布canvas来解决该问题。解决后效果如下图所示: ———————————————— 版权声明:本文为CSDN博主「宏伟杰作」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。 原文链接:https://blog.csdn.net/u011284073/article/details/80549950

  • 2020-03-18 21:18:01

    node-canvas实现百度地图个性化底图绘制

    随着nodejs的推出,node的并发和异步的强大能力,越来越多的得到应用,而且取得了非常不错的效果。 作为一个前端工程师对node.js自然有着一份更深的感情,跃跃欲试的心情,总希望能将它应用到产品中来。

  • 2020-03-18 21:19:28

    高德地图和canvas画图结合应用的一些感想(一)

    入了团队才发现,该项目前后端分离,后端工程师已就位主要实现接口,IOS端工程师也已就位,还差一个web前端工程师。背脊一凉,我之前虽然写过一些js和css,虽有点功底但是离前端工程师还是有距离的啊。在和朋友说明情况后,朋友也是胆大,让我试试,主要他实在找不到人了(也有可能目前前端工程师报价都太贵了,创业嘛,能节约就节约,能理解。。。),没办法,走一步算一步吧。

  • 2020-03-18 21:30:57

    基于OpenLayers实现地理围栏 谷歌百度高德地图都可以

    前言.因为项目有点特殊,需要接入谷歌地图实现地理围栏,因为谷歌地图的地理围栏接口相关接口并不完善,于是就换了一个思路,利用OpenLayers来实现地理围栏 openlayers 中文地址 http://weilin.me/ol3-primer/ch02/index.html 作者:zcty0701 链接:https://www.jianshu.com/p/60e88ee1e843 来源:简书 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

  • 2020-03-19 17:12:40

    百度地图放大覆盖物消失

    产生问题的原因是因为我们用的普通的点数组生成的多边形,我们应该用百度的点数组生成就没问题了。

  • 2020-03-19 19:15:47

    vue中methods watch和compute的区别和联系

    首先要说,methods,watch和computed都是以函数为基础的,但各自却都不同 而从作用机制和性质上看,methods和watch/computed不太一样,所以我接下来的介绍主要有两个对比: 1.methods和(watch/computed)的对比