首页 > 解决方案 > 我怎么不能在浏览器检查器中调查 HTML 的一部分?

问题描述

我这里有这个座位布局:https ://www.jegy.hu/program/kabare-121948/713631

如果我在 Chrome 中调查一个可用座位,检查员不会显示该特定座位的 div 坐标。为什么?也许是因为座位坐标稍后用 Javascipt 加载,直接加载到 DOM 中?

如果它们是通过 Javascipt 加载到 DOM,它是一种提取部分 HTML 的方法吗?

在此处输入图像描述

标签: javascripthtmlcssdom

解决方案


你不能真正调查一个可用的座位,至少不像你所期望的那样。

第一件事是网站<div>覆盖了实际图像,看起来它用于收集所有用户与图像的交互(事件)(例如滚动、导航)。这是您在屏幕截图中选择的 div。您可以继续删除它。

然后你会注意到有些<canvas>元素创建了一个 4x4 的瓷砖网格。实际的座位被涂在这些帆布元素上。它们甚至不是真正的 DOM 对象。

但是您可以调查一些元素:<text>“JOBB KARZAT”之类的 s。只需在 DOM 中搜索该字符串,您就会发现一些有趣的元素。


推荐阅读