快捷便笺,快速记录所需信息
练手作品,需要使用最新版Tampermonkey运行。
快捷便笺+改自Takitooru大佬的快捷便笺,具体改动如下:
(脚本作用具体请看原脚本)
1. 出于稳定性,利用了GM_addStyle
和GM_addElement
,以绕过部分网站CSP安全策略对样式表的限制;同时提高了快捷便笺+的z-index
,保证脚本界面正常显示。比如,在https://accounts.firefox.com/快捷便笺+和快捷便笺的显示就明显不同(如下图)
2. 出于安全性,将快捷便笺+的DOM结构隐藏在了框架元素的shadowRoot('closed'
状态)中,框架元素的id
随机,并且在用户与快捷便笺+交互时拦截了大部分常见用户操作事件
3. 出于兼容性,使用window.addEventListener
代替window.onload
,解决和网站代码冲突的问题
4. 所有页面中快捷便笺+的内容实时同步,并且会始终保存在浏览器中,就算关闭了页面/关闭了浏览器,下次再打开任何页面,快捷便笺+依然会保持关闭前的内容
5. 便笺开启状态下点击“快捷便笺+”按钮可关闭便笺,便笺闲置状态下“快捷便笺+”按钮半透明