javascript - 我怎么不能在浏览器检查器中调查 HTML 的一部分?
问题描述
我这里有这个座位布局:https ://www.jegy.hu/program/kabare-121948/713631
如果我在 Chrome 中调查一个可用座位,检查员不会显示该特定座位的 div 坐标。为什么?也许是因为座位坐标稍后用 Javascipt 加载,直接加载到 DOM 中?
如果它们是通过 Javascipt 加载到 DOM,它是一种提取部分 HTML 的方法吗?
解决方案
你不能真正调查一个可用的座位,至少不像你所期望的那样。
第一件事是网站<div>
覆盖了实际图像,看起来它用于收集所有用户与图像的交互(事件)(例如滚动、导航)。这是您在屏幕截图中选择的 div。您可以继续删除它。
然后你会注意到有些<canvas>
元素创建了一个 4x4 的瓷砖网格。实际的座位被涂在这些帆布元素上。它们甚至不是真正的 DOM 对象。
但是您可以调查一些元素:<text>
“JOBB KARZAT”之类的 s。只需在 DOM 中搜索该字符串,您就会发现一些有趣的元素。