如何可视化/调试imagemap？

我正在为我拥有的图表工具动态生成图像映射.

我希望能够在区域标签上设置边框或颜色,以便我可以检查所有内容是否使用正确的坐标生成,但是一些研究表明这是不可能的.

那么检查我的图像映射的最简单方法是正确的吗？是否有任何浏览器工具可以"可视化"这些区域？

用JavaScript(和jQuery)来测试它怎么样？

http://davidlynch.org/js/maphilight/docs/demo_usa.html

此插件将突出显示图像映射区域.

您可以使用FireBug:

右键单击图像,然后选择"使用FireBug检查元素"

在Firebug的HTML选项卡中,image标记突出显示:找到并展开相关map标记,通常在它之后

现在,您可以将鼠标放在每个area标签上,以便在图像上突出显示它们