九月资源网-不以盈利为目的,仅仅为个人学习、研究或者欣赏。若未注明来源,请联系添加。如果侵犯到您的版权,请联系删除相关文章。

油猴脚本-快捷便笺,快速记录页面感兴趣的信息

技术类 Thor 来源:52破解-Takitooru 1个月前 (11-05) 46次浏览 已收录 0个评论 扫描二维码
文章目录[隐藏]

前言

有时候我们需要快速记录一些页面上的信息,以往都是打开某种特定软件或记事本等等,但是记录时候又需要不断切换界面,操作极度不友好,又或仅仅记录一些信息就懒得打开某种特定软件。
使用油猴脚本创建一个快捷便笺,就可以快速记录信息,比如:看网课时候,看教程时候,刷视频时候,又或者看到一些感兴趣的内容,需要记录一些信息等等。
快捷便笺还支持把记录的信息保存为txt文档,还可以调整输入框透明度,方便不遮挡内容而快速输入信息。

界面

油猴脚本-快捷便笺,快速记录页面感兴趣的信息

说明

有条件以及技术,可以扩展把记录保存到云端接口,甚至可以生成二维码,达到pc端与移动设备互通访问记录信息。
只需要写一个后端接口文件,然后把保存为txt改成post方式到接口,其余就任凭自由发挥了。
一键安装版,可通过油猴脚本直接安装,脚本已经上传到油猴资源库
注释版,可自行下载参详,代码有详细注释,也方便有对这方面感兴趣的新人学习。

部分核心代码

var Newdiv = document.createElement("div");
Newdiv.id = "knote";
Newdiv.innerHTML = '<span class="kjbtn">快捷便笺</span>';
var jsslider = '<div class="slider">透明度:<input class="sliderinput" type="range" min="30" max="100" step="1" value="100"></div>';
var jsavetxt = '<div class="savetxt">保存为txt</div>';
Newdiv.innerHTML += '<div class="boxhide"><div class="jstoolbar"><div class="sclose">X</div>' + jsslider + jsavetxt + '</div><textarea class="stextarea"></textarea></div>';
document.body.insertBefore(Newdiv, document.body.lastChild);
 
var boxname = document.getElementsByClassName("boxhide")[0];
document.getElementsByClassName("kjbtn")[0].onclick = function() {
        boxname.style.display = "block";
        boxname.style.top = "2px";
        boxname.style.right = (Newdiv.clientWidth + 2) + "px";
};
document.getElementsByClassName("sclose")[0].onclick = function() {
        boxname.style = null;
};
function Val2txt() {
        let Filename = new Date().getTime();
        let TextContent = document.getElementsByClassName("stextarea")[0].value;                                
        let Addele = document.createElement('a');
        Addele.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(TextContent));
        Addele.setAttribute('download', Filename);
        let jset = document.createEvent('MouseEvents');
        jset.initEvent('click', true, true);
        Addele.dispatchEvent(jset);
 
}
function o2t(vv) {
        let getnamet = document.getElementsByClassName("stextarea")[0];
        getnamet.style.opacity = vv.value / 100;
}

方法

在线安装,脚本已经上传到油猴脚本资源库:
下载快捷便笺脚本

注释版

文件下载

  文件名称:油猴脚本-快捷便笺注释版  文件大小:1.95K
  下载声明:资源的部分内容可能来源于网络,侵权联系邮箱shidao144@gmail.com进行删除处理。
  下载地址:蓝奏云

本文标题:油猴脚本-快捷便笺,快速记录页面感兴趣的信息
若文件有解压密码,默认为:www.sir8.cn
本站提供的一切软件、教程和内容信息仅限用于学习和研究目的,不得将上述内容用于商业或者非法用途。
如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。
如有侵权,请联系邮箱shidao144@gmail.com进行删除处理。
喜欢 (0)
[]
分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址