美文网首页
MixPanel代码阅读笔记-Path生成

MixPanel代码阅读笔记-Path生成

作者: 云舒卷_js | 来源:发表于2018-03-28 15:18 被阅读0次

    实例1:jojoDemo

    我们调试是如下界面: 

    图层关系:

    通过superview关系形成的path:

    如果我们在页面点选了控件按钮(点击1或者点击2),从该控件开始通过superview找它父类直到rootObject,我们把每个节点串起来形成一条path链路(id+所属类别):

    $4UIWindow/$1UILayoutContainerView/$14UITransitionView/$13UIViewControllerWrapperView/$8UILayoutContainerView/$11UINavigationTransitionView/$33UIViewControllerWrapperView/$34UILayoutContainerView/$37UIButton

    但这个链路直接赋予SDK做匹配是找不到的,我们参考SDK正确的path路径:path = "/JoJoNavViewController/JoJoViewController/UILayoutContainerView/UIButton[(mp_fingerprintVersion >= 1 AND mp_varE == \"22e14434fc7c1f9866d343dd41b086a3efba505e\")]"

    猜想:从UILayoutContainerView在往下找就产生了分歧,这里UILayoutContainerView就是控制器的view(self.view),正确写法下一层是JoJoViewController,而我们找到superview却是$33UIViewControllerWrapperView。

    通过控制器的父子关系找到JoJoViewController:

    $4UIWindow->$2JoJoTabViewController->$6JoJoNavViewController->$10JoJoViewController->$34

    UILayoutContainerView

    从根控制器JoJoTabViewController开始通过childViewControllers属性形成控制器的关系,这3级控制器和层级视图的关系顺序比较是吻合的:

    通过superview的向上遍历和addchildviewcontrollers的向下遍历节点方法来看,它们的交集节点是UILayoutContainerView,这个视图即使控制器视图(view),又是我们埋点控件的(superview),还是中间环节:

    上图就是把2种序列化$34UILayoutContainerView的方法汇集在一块,黄色的流程路径和SDK正确路径path = "/JoJoNavViewController/JoJoViewController/UILayoutContainerView/UIButton 相吻合。也就是说这种算法描述出来的路径有可能是正确的。

    拼接出来枝干后,我们在把匹配枝叶的特征值加上就行了,特征值是一个数组,里面的元素是控件的property中mp_varA,mp_varB,mp_varC,mp_varD,mp_varE属性的集合。如果有值就获取:[(mp_fingerprintVersion >= 1 AND mp_varE == \"22e14434fc7c1f9866d343dd41b086a3efba505e\")]

    最后把枝干和枝叶接上:

    "/JoJoNavViewController/JoJoViewController/UILayoutContainerView/UIButton[(mp_fingerprintVersion >= 1 AND mp_varE == \"22e14434fc7c1f9866d343dd41b086a3efba505e\")]"


    实验2:mixpanel官方demo

    path:path = "/ViewController/UIView/UIButton[mp_varA==\"ca54a4ebd29acb9b1bd5dd9d50d4435caf35a46a\"]";

    按上面套路来做:$4Window/$2UINavigationController/$9ViewController/$11UIView/$27UIButton

    web端的绑定事件和后台绑定事件有何不同:

    "type":"event_binding_request"{"id":91329,"path":"/ViewController/UIView/UIButton[mp_varA==\"ca54a4ebd29acb9b1bd5dd9d50d4435caf35a46a\"]","control_event":64,"event_name":"tracking2","event_type":"ui_control","table_delegate":null,"control_target":null,"device_type":"iOS","os_version":"11.2","app_version":"1","app_release":"1.0","model":"iPhone","lib_version":"3.2.7","cid":"c78","screenshot_url":null},

    可发现path是一致的,

    相关文章

      网友评论

          本文标题:MixPanel代码阅读笔记-Path生成

          本文链接:https://www.haomeiwen.com/subject/iimscftx.html