Axure如何调起浏览器的打印功能

Axure如何调起浏览器的打印功能

答:javascript:window.print(); 不明白的继续往下看

应用场景:

  • 原型设计中,页面上的打印按钮,需要模拟操作演示,需要点击指定的按钮时,唤起浏览器的打印功能(打印是打印的整个页面)

问题:

  • Axure自带的功能其实仅支持在rp软件内打印,或者在预览的时候点击浏览器的打印功能进行打印;
    从Axure中提供的功能中,无法通过直接配置实现;

解决方法:

  • 解决的方式很简单,其实只要是熟练使用Axure和稍微懂点JavaScript就可以搞定;
  • 1、设计一个按钮;
  • 2、按钮上添加交互事件:
    单击时 > 打开链接 > 链接到外部URL > 链接地址填写 javascript:window.print();

注释:

  • 其实在JS中,调起浏览器的打印功能就是 window.print();
    特别简单,但是在设计原型的时候,经常会被Axure内的配置功能给限制,所以只能通过JS来实现了;不仅限于这个功能,其实Axure中通过这样的方式,能实现很多JS中的函数,简单些的如:
    alert(); (提示弹窗)
javascript 复制代码
javascript:alert('提示信息...');

confirm(); (询问弹窗)

javascript 复制代码
javascript:confirm('询问信息...?'); 

这些都是通过JS调用的浏览器自带的功能,在设计时就不需要再对这些再去专门设计一堆组件了

相关推荐
小盼江20 小时前
水果生鲜农产品推荐系统 协同过滤余弦函数推荐水果生鲜农产品 Springboot Vue Element-UI前后端分离 代码+开发文档+视频教程
vue.js·spring boot·ui
-优势在我1 天前
Android TabLayout 实现随意控制item之间的间距
android·java·ui
虚假程序设计2 天前
python用 PythonNet 从 Python 调用 WPF 类库 UI 用XAML
python·ui·wpf
敢嗣先锋2 天前
鸿蒙5.0实战案例:基于原生能力的深色模式适配
ui·移动开发·harmonyos·arkui·组件化·鸿蒙开发
柳鲲鹏2 天前
Ubuntu编译jetlinks-ui-vue
vue.js·ui
招风的黑耳2 天前
使用Nginx本地部署Axure生成的HTML文件,局域网内浏览器通过IP和地址访问
nginx·html·axure·本地部署
架构文摘JGWZ3 天前
Sun-Panel:简洁且美观的导航首页开源项目!!
ui·开源·开源软件·工具
laimaxgg3 天前
Qt常用控件之单选按钮QRadioButton
开发语言·c++·qt·ui·qt5
AxureMost4 天前
【Axure 模版素材】数据可视化驾驶舱+图表素材 - AxureMost
信息可视化·产品经理·axure
梓贤Vigo4 天前
【Axure高保真原型】拖动画图——画矩形案例
交互·产品经理·axure·原型