Chrome调试通过事件监听获取携程目的地弹出层HTML代码

问题概述

登录携程首页 http://www.ctrip.com/ 单机目的地对话框会出现城市列表。如下图所示。我们希望一次得到所有城市代码。

这里写图片描述

通过chrome调试工具尝试选择这个对框画,并在Elements标签内看到对应的HTML代码。但点击下图中的元素选择按钮时对话框就消失了,无法被选择也,无法查看元素。

这里写图片描述

借助事件监听选中弹出层

设置单击事件监听:
1. EventListenerBreakPoint
2. Mouse
3. click

随后单击页面,此时发生中断。这时点击元素选择按钮,此时
浮动层不会消失。接着选中弹出层,最终会在Elements标签中
看到城市编码信息。

这里写图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值