All Projects → cxwithyxy → Axure_Js_Inject

cxwithyxy / Axure_Js_Inject

Licence: MIT License
在Axure中注入js,让你的js可以在浏览器上看产品原型的时候运行。

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Axure Js Inject

Rplibs
Refs.cn 原型设计元件库,基于Axure RP 10/9/8,支持 Android、Apple、Windows、微信,移动、桌面平台的应用和网站原型设计。五年历程 2.6k+ star,感谢大家使用。
Stars: ✭ 2,622 (+8358.06%)
Mutual labels:  axure, axure-library
Bulma.io-axure
AxureRP Library with Bulma.io components
Stars: ✭ 90 (+190.32%)
Mutual labels:  axure-library
axure-rplib
个人制作及从各处收集的Axure元件库
Stars: ✭ 86 (+177.42%)
Mutual labels:  axure
rphh
Refs.cn Axure RP 工具汉化,包括导出原型网页模板和软件界面。
Stars: ✭ 92 (+196.77%)
Mutual labels:  axure
prototype
📖Prototype Document
Stars: ✭ 45 (+45.16%)
Mutual labels:  axure

Axure_Js_Inject v3.0

可以在产品原型(RP)中加入你想要的js代码,这些js代码会用浏览器浏览产品原型的时候执行


软件要求

  • Axure rp 9.0
  • Chrome 浏览器 73版 及以上的浏览器

可运行的地方

不可运行的地方

  • axure cloud

用法(图文版)

Axure_js_inject 的使用说明

用法(纯文字版)

安装

  1. 前往发布页下载 axure_js_inject.zip : 下载方式1(github) | 下载方式2(gitee)
  2. 关闭运行中的 axure9
  3. 解压到 axure9 的根目录 (可能是这个路径:D:\Axure\Axure RP 9\)
  4. 启动 axure9
  5. 在元件库中找到 Axure_Js_Inject_V3 ,则证明安装成功了

使用{{}}占位符执行代码

  • 在可以使用[[]]的地方,便可以使用{{}}

  • 如“设置文本”成当前时间:

  • 用[[]]方法时,输入的是[[Now]]

  • 用{{}}方法时,输入的是{{new Date()}}

  • 但是{{}}占位符可以实现更多的功能

  • 如展示浏览器UA

  • {{navigator.userAgent}}

使用code_Box执行代码

  • 从Axure_Js_Inject元件库中拖拽code_Box到你的页面上

  • 把js代码粘贴到code_Box中

使用case_Expose

case_Expose 用于把axure中的事件处理的case提取接口给外部js调用

  • 从Axure_Js_Inject元件库中拖拽case_Expose到你的页面上

  • case_Expose中设置文本为你想要的接口名称(如: 移动那个东西)

  • 设置case_Expose的交互--鼠标单击时--case为: 移动另一个元件

  • 在任意可以执行js代码的地方(如: code_Box)调用你想要的接口名称(如: 移动那个东西();)

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].