我们相信:世界是美好的,你是我也是。平行空间的世界里面,不同版本的生活也在继续...

领导安排了做统计相关的事情,苏南大叔想利用piwik做二次开发,那么需要些测试数据作为支撑。但是又不能在网站上主动安装js脚本,真心有些恼火。忽然就想到,可以利用油猴脚本,让浏览器里面的每个网站都加载piwikjs,这样就自己平时就能积累大量的测试数据了。good idea。又一次被自己的机智深深感动了。

安装油猴

先安装油猴脚本chrome版本,不会下载的读者,请温习这篇文章:

稍稍提示一下:油猴的id是:dhdgffkkebhmkfjojejmpbldmpobfkfo

添加脚本

然后,在浏览器右上角点击猴子的icon,添加一个脚本。

注意:点击时的当前页面,默认只是在当前点击的页面生效的。如果,想匹配更多的页面,请在空白页面上,点击添加脚本。

苏南大叔:利用油猴脚本加载piwik的代码,创造测试环境 - youhou-icon
利用油猴脚本加载piwik的代码,创造测试环境(图5-1)

脚本正文里面,去掉“use strict;”这句代码。原因见这里:https://newsn.net/say/js-use-strict.html
然后把拿到的piwik的代码,放进去。拿piwik的js的办法见这里:https://newsn.net/say/piwik-howto-1.html

苏南大叔:利用油猴脚本加载piwik的代码,创造测试环境 - youhou-icon-2
利用油猴脚本加载piwik的代码,创造测试环境(图5-2)

保存后,激活新建脚本。然后打开任意http网站,小图标上面显示了红色的数字跳动。证明js顺利执行。

苏南大叔:利用油猴脚本加载piwik的代码,创造测试环境 - youhou-icon-3
利用油猴脚本加载piwik的代码,创造测试环境(图5-3)

特殊处理

but,这里转折一下,抓包显示,并没有任何的数据包发送给piwik,真心是高兴的太早了。所以,把里面的异步加载piwik.js的地方,给稍稍修改了一下,用这个js的真正正文体进行了替换。(估计可能与代码的添加和触发时机有关,具体的不细揪了)

苏南大叔:利用油猴脚本加载piwik的代码,创造测试环境 - piwik_js
利用油猴脚本加载piwik的代码,创造测试环境(图5-4)

然后顺利看到了,我们期待的效果。

苏南大叔:利用油猴脚本加载piwik的代码,创造测试环境 - piwik_network
利用油猴脚本加载piwik的代码,创造测试环境(图5-5)

总结一下

话说这个油猴脚本,也是蛮智能的,连页面的iframe广告,都给插入了这段改造过的piwik...。真心是只认真工作的好猴子。

注意:默认情况下,只有http的网站才加载对应的油猴脚本,而https的网站是不加载的。这一点是需要注意的。

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留作者链接。

 【福利】 腾讯云最新爆款活动!1核2G云服务器首年50元!

 【源码】本文代码片段及相关软件,请点此获取更多信息

 【绝密】秘籍文章入口,仅传授于有缘之人   piwik    油猴