这篇短文分享一下如何为自己常用的网页添加自定义功能,例如添加快捷键。我这里用一个常用的网站作为范例。它是Outlook Web Access (OWA), 它的地址一般如下。
我在写邮件时希望能用一些快捷键来提高工作效率,但系统默认自带的快捷键特别少,而且无法通过内置的界面进行修改和配置。例如我经常在邮件正文中插入一些引用的文字,那么最好使用如下的效果。
要添加引用文字,其实在工具栏上面是有一个按钮的,但我想要的是,能否为这个按钮分配一个快捷键呢,这样的话,我的手就可以不需要离开键盘快速地完成操作。可能有很多方法实现这个需求,我用的是久负盛名的油猴(Tampermonkey) 插件。
新建一个脚本,输入如下的内容
// ==UserScript==
// @name outlookweb
// @namespace http://tampermonkey.net/
// @version 0.1
// @description try to take over the world!
// @author You
// @match https://outlook.live.com/*
// @icon https://www.google.com/s2/favicons?sz=64&domain=tampermonkey.net
// @grant unsafeWindow
// @require https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js
// @require file://C:\Users\chenxizhang\monkeyscripts\outlookweb.js
// ==/UserScript==
上面的倒数第二行,请替换为你的合适路径,并且以下面的代码创建 outlookweb.js 文件。
window.addEventListener("keydown", (event) => {if (event.ctrlKey && event.altKey && event.key === "q") {event.preventDefault();$("button[aria-label='Quote']").trigger('click');}
});
本文只是一个示例,熟练掌握这点小技巧,可以为任何网页实现一些自定义的功能,提高工作效率。