如何查找ExtJS数据表格行点击跳转详情页的隐藏链接参数

针对列表行跳转详情页的问题 #

• 找不到<a>标签、搜不到URL里的详情ID是这类动态站点的常规实现，不要在静态HTML文本里硬搜ID：
  1. 首先明确两个ID不是同一个值：详情页标题里的1053380是对外展示的案件编号，URL末尾的10874511是站点数据库里的内部记录主键，两个值本来就不对应，搜不到是正常的。
  2. ID存储位置：点选DevTools元素面板里的任意表格行（通常是<tr>标签），看右侧属性栏的dataset字段，这类动态渲染的列表都会把内部主键存在data-*自定义属性上，部分站点会对ID做简单转码（比如固定偏移、进制转换），不会直接明文放在标签的可见文本里。
  3. 跳转触发逻辑：选中表格行后切到Event Listeners标签页，过滤click类型事件，排除掉绑定在window、document根节点上的全局监听，剩下绑定在表格容器或行本身的回调就是跳转逻辑，直接在回调代码里打断点，点击行时就能在作用域里看到取的哪个字段、怎么拼接出详情页URL的。
  4. View Source看不到结果表格的原因：搜索结果是接口请求完成后由JS动态插入页面的，View Source只能拿到服务器初始返回的静态HTML源码，自然看不到动态渲染的内容。

针对DOM复制差异、Event按钮逻辑的问题 #

• 右键复制OuterHTML产生的属性顺序差异无任何影响，浏览器解析DOM不依赖属性书写顺序，复制操作是对实时DOM做序列化导出的过程，本身就不会完全保留运行时的属性排列顺序。
• 你看到的doDirectEvent、onDirectCaptureEvent不可能定义在CSS文件里，CSS仅负责样式渲染，没有定义函数的能力。这部分逻辑存放在站点引入的打包后JS文件中，你悬浮看到的尾号273196是前端打包工具生成的JS chunk文件的哈希后缀，直接在DevTools的Network面板过滤JS类型请求，就能找到对应完整资源。
• 这个Event按钮和行跳转逻辑无关：这是ASP.NET Web Form框架自带的异步回发机制自动生成的隐藏触发控件，属于框架层面的通用逻辑，本身就是运行时动态插入的，不会出现在你复制的序列化DOM代码里。全表只有一个该按钮是因为它用了事件代理机制，只需要在容器上放一个隐藏控件就能代理全表的回发请求，不需要每一行都生成。

内容的提问来源于stack exchange，提问作者NewSites