Axure教程：用一段JS动态的当前IP定位

最近在制作产品原型设计。其中有部分功能是需要展示，当前用户所处于的外网ip和所处城市的。想要通过动态获取到用户的ip地址信息。直接使用Axure是无法实现的。下面我通过一段JS代码和Axure结合是怎么实现的。

先演示一下效果：

实现前准备：

1、内联框架（要打印JS内容，内联框架是最好的选择）

2、JS代码

JavaScript:
document.writeln("<script src=\'https://pv.sohu.com/cityjson?ie=utf-8\'></script>  ");
document.writeln("<script type=\'text/javascript\'>  document.write(\'你的IP是:\'+returnCitySN[\'cip\']+\',\'+\'来自:\'+returnCitySN[\'cname\'])  </script>");
document.writeln("");

实现步骤:

在Axure中拖入一个“内联框架”。设置隐藏边框

设置“内联框架”载入时的交互

设置“内联框架：载入时在框架中打开链接”内联框架“设置FX。将JS代码复制到输入框保存即可、

原件下载：

产品大牛 - 让产品工作更简单（Axure原型托管、Sketch标注）