最近在制作产品原型设计。其中有部分功能是需要展示,当前用户所处于的外网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代码复制到输入框保存即可、
原件下载:
https://www.pmdaniu.com/rp/download/128826