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

相关推荐
梓贤Vigo15 小时前
【Axure原型分享】字母分类选择器
交互·产品经理·axure·原型·中继器
特立独行的猫a16 小时前
OpenHarmony海思WS63星闪平台:LVGL UI框架底层显示驱动移植指南
ui·lvgl·移植·openharmony·驱动·ws63
qq_49244844621 小时前
AirTest APP UI自动化测试框架
macos·ui·cocoa
文人sec1 天前
抛弃 Postman!用 Pytest+Requests+Allure+Playwright+Minium 搭建高逼格接口+UI自动化测试平台
自动化测试·python·测试工具·ui·pytest·playwright
colin52101 天前
AxureRP11实例-动态面板有垂直滚动默认滚动到底部JH110004
axure·滚动·axurerp11
长安第一美人2 天前
AI辅助下的嵌入式UI系统设计与实践(二)[代码阅读理解]
c++·嵌入式硬件·ui·显示屏·工业应用
HwJack202 天前
HarmonyOS应用开发中EmbeddedUIExtensionAbility:跨进程 UI 嵌入的“幕后导演“
ui·华为·harmonyos
电子云与长程纠缠2 天前
Godot学习04 - UI界面
学习·ui·godot
云和数据.ChenGuang2 天前
AI向量数据库chromadb的swagger-ui的运行使用教程
大数据·数据库·人工智能·ui·向量数据库·向量计算
Swift社区2 天前
ArkUI 的页面生命周期详解
ui·arkui