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

相关推荐
ZC跨境爬虫10 小时前
跟着 MDN 学CSS day_21:(图像溢出控制与表单元素样式定制)
前端·javascript·css·ui·交互
FrameNotWork11 小时前
HarmonyOS 智感握姿开发指南:让 UI 跟着握姿自动换边
ui·华为·harmonyos
ting945200011 小时前
深度解析 Google Stitch 3.0:文本驱动跨端 UI 生成技术原理、架构与工程实现
人工智能·ui·架构
UXbot13 小时前
无需设计经验也能做原型:AI辅助工具功能评测
前端·人工智能·低代码·ui·ios·交互
ZC跨境爬虫18 小时前
跟着 MDN 学CSS day_23:(表单与表格综合样式化实战)
前端·javascript·css·ui·html·tensorflow
招风的黑耳19 小时前
Axure动态柱状图设计指南:从静态到交互的完整实现
交互·axure·柱状图
招风的黑耳19 小时前
Axure动态折线图设计指南:从静态到交互的完整实现
交互·axure·photoshop
招风的黑耳20 小时前
智慧社区可视化平台:构建“现实-数字“双生社区的智能中枢
axure·原型·可视化
ZC跨境爬虫1 天前
跟着 MDN 学CSS day_16:(深入掌握背景与边框的艺术)
前端·css·ui·html·tensorflow
lazy熊2 天前
AI编程实战9:用 Codex 把一段重复 UI 抽成组件
ui·ai编程