我使用 Dreamweaver CS5.5 制作了一个使用图像映射屏幕截图构建的 HTML 原型。我使用 JavaScript 动态包含适当的主图像，并使用图像映射进行导航。
我发现了一些参考“实时取景”功能，成功运行 JavaScript，但我无法在“实时视图”中查看或编辑图像映射。我只能使用“设计视图”编辑图像映射，但无法显示使用 JavaScript 设置的正确图像。
是否可以让 Dreamweaver 的“设计视图”首先运行 JavaScript（它将设置主图像）并允许我现场编辑图像映射（以便我可以看到它们放置在正确的主图像上）？
如果 Dreamweaver 无法做到这一点，是否有其他（可能付费）所见即所得的代码编辑器可以执行 JavaScript（至少在页面加载时）并使用 JavaScript 生成的内容编辑图像映射？我正在寻找适用于 Mac OS 的桌面软件，而不是在线工具来执行此操作，因为它是一个大型（780 屏幕）原型。
答案1
为了确保图像映射正确，最简单的方法是使用众多允许交互式创建图像映射的免费在线网站之一。
这是我通过 Google 找到的两个，其中第一个是我亲自使用过的。它们都不是完美的，但它们可以完成工作并导出生成的 HTML。
通过 Javascript 切换图像时，您可以同时更改<map>标签的 innerHTML 以包含新的坐标。