使用JavaScript提取Youtube广告按钮链接

• 抓网络请求直接看最终跳转地址

  1. 按F12打开浏览器开发者工具，切换到「网络」面板
  2. 勾选「保留日志」，避免页面跳转后请求记录被清空
  3. 点击目标按钮，在请求列表里找「文档」类型或带3xx状态码的重定向请求，对应的URL就是最终跳转的广告商链接；如果是先调用接口再跳转，查看接口响应内容里的跳转地址

• 禁用跳转临时获取链接

  1. 右键点击按钮选择「检查」，在元素面板找到按钮的HTML节点
  2. 在控制台输入代码阻止跳转：比如 document.querySelector('你的按钮选择器').addEventListener('click', e => e.preventDefault())，把「你的按钮选择器」替换成按钮实际的class或id
  3. 点击按钮后不会跳转，此时查看控制台输出的变量，或者网络请求里的预加载链接，就能拿到生成的地址

• 通过代码断点查生成逻辑

  1. 在元素面板选中按钮，切换到「事件监听器」面板，展开click事件的处理函数
  2. 点击函数链接进入源代码面板，找到类似 window.open(link) 或 location.href = link 的代码块
  3. 在这段代码前加断点，点击按钮触发断点后，查看变量link的值就是生成的跳转链接

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