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调用的浏览器自带的功能,在设计时就不需要再对这些再去专门设计一堆组件了

相关推荐
江沉晚呤时10 小时前
C# 状态模式深度解析:构建灵活的状态驱动系统
开发语言·javascript·数据库·ui·ajax·c#·ecmascript
benben0441 天前
Unity3D仿星露谷物语开发34之单击Drop项目
游戏·ui·unity·游戏引擎
benben0441 天前
Unity3D仿星露谷物语开发33之光标位置可视化
游戏·ui·unity·游戏引擎
ailinghao1 天前
使用Cusor 生成 Figma UI 设计稿
ui·ai·figma
湛谷Gooyuit2 天前
LVGL修改标签文本,GUI Guider的ui不生效
ui
前端精髓2 天前
PS修补工具的源和目标
photoshop
baivfhpwxf20232 天前
WPF 免费UI 控件HandyControl
ui·wpf
夏之小星星2 天前
element-ui自制树形穿梭框
前端·javascript·ui·elementui·vue
Kika写代码2 天前
【Android】UI开发:XML布局与Jetpack Compose的全面对比指南
android·xml·ui
cwtlw2 天前
PhotoShop学习04
学习·ui·photoshop