在开发期间使<map>标签中的<area>可见

我正在尝试使用和标记使图像的一部分成为链接。但是我不知道如何使映射区域可见以控制它的确切位置（除了观察光标成为指针的位置，但这太繁琐了……）

因此，如果使用以下示例代码，如何使多边形在图像顶部可见，以便更有效地对其进行编辑？

我尝试向class地图和具有CSS中定义的边框的区域添加属性，但这没有用：如果将其添加到标记中，则该属性会显示在图像的外部（在右下角附近），如果我将其添加到，则什么都不会显示。

CSS：

.x {
  border: 1px solid red;
  }

得到答案后的补充说明：我需要它来编辑链接区域，这些区域不应该一直可见，而且不仅仅在悬停时可见。接受的答案中提到的F​​irefox插件是完美的-它始终显示区域，甚至允许编辑，添加其他多边形节点等。