Html 如何可视化/调试imagemap？

我正在为我拥有的图表工具动态生成一个imagemap

我希望能够在区域标签上设置一个边框或颜色，这样我就可以用正确的坐标检查生成的所有内容，但一项小研究表明这是不可能的

---

那么，检查我的图像地图是否正确的最简单方法是什么？是否有任何浏览器工具可以“可视化”这些区域？

如何使用JavaScript（和jQuery）进行测试

---

这个插件将突出显示图像地图区域。

我从来没有想过我会这么说，但这是Dreamweaver能够提供帮助的少数情况之一。您将有一个界面，您将能够轻松地使用定位点和设置您的imagemap

您可以使用：

• 右键单击图像并选择“使用FireBug检查元素”
• 在Firebug的HTML选项卡中，突出显示了

  图像

  标记：找到并展开关联的

  映射

  标记，该标记通常位于它的后面
• 现在，您可以将鼠标放在每个

  区域

  标记上，以查看它们在图像上高亮显示

---

是Firefox的插件。这是迄今为止我发现的最好的工具，使创建、检查和编辑图像地图变得非常容易。
在Chrome中可视化区域标记的一种方法是将

tabindex

添加到您想要查看的

区域

标记中，然后单击或对其进行tab。Chrome将很好地突出显示可点击区域的实际轮廓

---

不幸的是，这个解决方案在Firefox中不起作用。
在Chrome中，您可以选择图像地图的区域并单击三个小点 向左，然后选择“焦点”