axure商城

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

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

先演示一下效果:

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

实现前准备:

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中拖入一个“内联框架”。设置隐藏边框

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

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

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

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

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

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

原件下载:

https://www.pmdaniu.com/rp/download/128826

给TA打赏
共{{data.count}}人
人已打赏
高级教程

关于Axure中引入Echarts图表的几种方式

2022-3-13 10:39:57

高级教程

让高保真原型动起来!这个宝藏网站你值得收藏

2022-7-13 9:02:08

axure商城
8 条回复 A文章作者 M管理员
  1. 凯凯拉克

    没必要 既然是原型示意下就行了,剩下的让开发实现吧 哈哈

  2. 仲于乐

    10的 没看到IP获取

  3. 樱桃小丸子

    哈哈哈哈

  4. kobayashiotaku

    实现不了

  5. 阳仔子

    实现不了,

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索