Axure 发布成html文件后 如何使可交互元素持续高亮

交代下故事的背景   首先呢，因为绘制的原型图不是完整的，里面存在可以进行交互操作也有不可以的。把这个原型发布之后呢，和同事交流的时候，同事会一通乱点，因为他不知道哪些可以点 哪些不可以点。自己也会被弄混乱，记不得哪些能交互了。所以，就希望Axure能提示高亮提示，哪些是能进行交互的元素。

抱着这个疑问，一通百度之后，找到了一个解决方案。可以先看这个了解下。

http://www.raedme.cn/tutorial/375.html

这里转载下内容：通常情况下，Axure生成HTML文件预览时，默认的显示效果是这样的：

我们可以通过点击侧边栏的 Highlight interactive elements 来将带有交互事件的元件高亮显示，就像下面这样：

如果说我想在生成的HTML文件预览时默认把带有交互事件的元件高亮显示出来，可以通过下面这种方式来实现。因为Axure没有相关的配置项，所以我们智能在生成HTML文件后，修改相应的文件即可。

具体步骤如下：在生成的HTML文件夹下的 resources\scripts 路径下打开 startPost.js 文件，找到 function highlight_interactive(event)  代码，在其前面增加如下代码，然后保存即可。

$(function(){
$(‘#highlightInteractiveButton’).addClass(‘sitemapToolbarButtonSelected’);
$axure.messageCenter.postMessage(‘highlightInteractive’, true);
//Add ‘hi’ hash string var so that stay highlighted across reloads
setVarInCurrentUrlHash(HIGHLIGHT_INTERACTIVE_VAR_NAME, 1);
});

按照操作，一通找。可能与博主使用的Axure版本的不一致，我找不到startPost.js文件。也是费了一番劲，还好我没有放弃。终于在plugins\sitemap\sitemap.js中找到了博主说的函数。

运行原型html文件，触发高亮之后，当前页面能始终保持高亮。但是 我在当前页面中通过内联框架跳转了很多页面。每次页面跳转之后，框架内的新页面还是不能高亮，仍需要点击高亮按钮。我想要到达就算是页面刷新也能保持高亮。

有这种需要的小伙伴，就可以像我这样。在resources\scripts\axure\init.temp.js中，修改初始化时的加载操作。找到

var _processTempInit = function()   在函数体内添加$axure.messageCenter.postMessage('highlightInteractive', true);

只要在$ax.event.initialize();之前应该都可以。我就是随意放了一个位置。

这样即便是刷新跳转不同页面，也能使页面交互元素持续保持高亮。这样只要页面加载，就会自动高亮交互元素，也不用在站点地图中点击高亮按钮了。

PS：使用的Axure版本是Axure RP8