Axure教程:用一段JS搞定动态的当前IP定位 基础教程

符号 产品大牛 2022-4-11 860

最近在制作产品原型设计。其中有部分功能是需要展示,当前用户所处于的外网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


上传的附件:
登录后回复
最新回复 (3)
  • changpzh 普通用户 5月前
    0 引用 4
    888
  • yujiabian 普通用户 7月前
    0 引用 3
    666
  • pandakill 普通用户 2022-6-16
    0 引用 2
    学习
返回