最近在制作产品原型设计。其中有部分功能是需要展示,当前用户所处于的外网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中拖入一个“内联框架”。设置隐藏边框

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


本文介绍如何通过JavaScript代码在Axure原型设计中动态获取并显示用户的外网IP和所在城市。首先,利用内联框架作为展示载体,然后引入外部JS库(如Sohu的cityjson)来获取IP信息。通过设置Axure的内联框架交互,将JS代码插入并保存,最终实现在产品原型中展示用户IP和城市的功能。
最低0.47元/天 解锁文章
2686

被折叠的 条评论
为什么被折叠?



