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

相关推荐
John_ToDebug2 小时前
WebContent 与 WebView:深入解析浏览器渲染架构的双层设计
c++·chrome·ui
小小测试开发5 小时前
UI自动化测试:CSS定位方式超详细解析(附实战示例)
css·ui·tensorflow
光影少年7 小时前
智能体UI ux pro max
前端·ui·ux
一叶星殇10 小时前
WPF UI 框架大全(2026版)
ui·wpf
软件聚导航1 天前
马年、我用AI写了个“打工了马” 小程序
人工智能·ui·微信小程序
尤老师FPGA1 天前
使用ZYNQ芯片和LVGL框架实现用户高刷新UI设计系列教程(第四十七讲)
ui
UI设计兰亭妙微1 天前
UI 设计组件的价值与实践+常用 UI 设计组件核心规范清单
人工智能·ui
灰灰勇闯IT1 天前
Flutter for OpenHarmony:深色模式下的 UI 优化技巧 —— 构建舒适、可读、无障碍的夜间体验
flutter·ui
测试人社区—03921 天前
UI测试在DevOps流水线中的卡点设计:质量保障的智能防线
运维·驱动开发·测试工具·ui·ar·vr·devops
特立独行的猫a1 天前
从XML到Compose的UI变革:现代(2026)Android开发指南
android·xml·ui·compose·jetpack