Skip to content

Latest commit

 

History

History
104 lines (61 loc) · 4.13 KB

README.md

File metadata and controls

104 lines (61 loc) · 4.13 KB

Chrome Extensions 和 Bookmarklet

14年至15年，陆续做一些 Chrome 扩展和浏览器书签脚本 Bookmarklet 的小工具。一般来说，优先选择 Bookmarklet 方案，涉及网络报文操作时采用 Chrome 扩展方案。

在此，记录些逆向 Google 工具的代码。

调研

  • Page Analytics (by Google)，一款用于查看用户与你的网页互动的 Chrome 扩展。

  • Tag Assistant (by Google)，效率型的小助理，验证谷歌追踪码的安装状态，包括Google Analytics, Adwords Conversion Tracking, Google Tag Manager 等。

  • Google Analytics Debugger，主要是用來除错，在一些定制化的JavaScript处理上，可以用来检查 Google Analytics 数据是否成功发送。

Chrome扩展开发案例——Page Analtics（by Google）代码逆向分析

目录结构

主要由manifest.json、background.js、content.js（css）、popup.js(html、css)和resources（主要存放图片资源）五部分组成。代码分析见page-analytics/1.6.0.1_0/

image

_metadata目录是将扩展上传到Chrome web store时，由Google添加进crx中的验证文件。

注释：CMF文件暂时未知用途。

文件功能

manifest.json：

Chrome Extensions配置清单文件。用于配置加载background、content_scripts、popup等。

background：

背景页。有三个作用：

  1. 用于验证Google+ 登录API，并在加载完 client:plusone.js（https://apis.google.com/js/client:plusone.js?onload=gaextOnGapiClientLoadCallback） 时调用回调方法 gaextOnGapiClientLoadCallback。

  2. 读写storage存储。websiteSettings（Config）、ga-clientId(GAClient)

  3. 读写cookie。APISID、SAPISID(Background的Auth)

网络视图

image

background Elements视图

image

background Resources视图

image

image

client:plusone

image

content_script：

根据登录和popup中的 Data Panel 位置信息，在页面中创建 Data Panel

Data Panel: image

Real-time: image

popup：

根据登录信息，呈现未显示 Data Panel 原因、登录或控制 Data Panel 位置信息

未显示 Data Panel 原因:

image

登录:

image

设置 Data Panel 位置:

image

参考