软网推荐:小书签也能解决大问题_小书签是什么意思

boyanx4个月前技术教程13

现在我们在使用网页浏览器的时候,都会通过安装功能扩展或者功能脚本的方式,来尽量多的拓展浏览器的相关功能。其实除了这两种方式以外,我们通过小书签这种方式,也可以解决很多实际的问题。

浏览器页面启用夜间模式

现在我们接触电子设备的机会越来越多,这样时间一长我们的眼睛就会觉得干涩疲劳。为了解决这个问题不少的软件开发商都想出了各种应对方案,其中就有一个方法就是在软件或系统里面加入“夜间模式”的功能,这样用户在观看屏幕的时候就不会那么的刺眼。可是并不是所有的浏览器都有“夜间模式”的功能,这时利用一个小书签就可以快速的进行解决。

我们这里首先打开自己常用的浏览器,我这里选择的是国产的QQ浏览器。打开以后在标题栏上点击鼠标右键,在弹出的菜单勾选上“书签栏”这一项,这样就可以显示出书签栏。接下来在地址栏中随意输入一个网址并访问它,然后点击前面的“添加书签”按钮,将其添加到书签栏里面待用。接下来找到刚刚添加的书签,在其上方点击鼠标右键后,在弹出的菜单中选择“修改”命令。接下来我们在弹出对话框的“名称”输入框里面设置为“夜间模式”,在“网址”输入框中粘贴上一段JS代码,最后点击“保存”按钮就可以了(图1)。



以后我们要想启用“夜间模式”功能,只需要点击书签栏中的“夜间模式”按钮就可以了,不想使用它的时候再点击一次该按钮即可(图2)。

小提示:由于“夜间模式”的JS代码比较长,用户可以访问“
http://telegra.ph/yjmsxsq-08-06”进行查看。

寻找自己需要功能小书签

虽然添加制作小书签的方法很简单,但是最重要的是找到小书签背后起作用的JS代码。由于小书签并不像功能扩展那样通过应用商店可以快速的找到,那么用户去哪里寻找需要的小书签呢?



首先通过浏览器打开
https://www.runningcheese.com/bookmarklet 这个链接,就可以看到网友收集的各种各样的小书签。网页通过分类的方式对这些小书签进行了分组,这样可以方便用户进行快速的查询。当我们找到需要的小书签后,利用鼠标左键点击小书签,然后拖拽到浏览器的书签栏中释放,从而完成这个小书签的添加操作(图3)。我们这里将“网页另存为PDF”这个小书签进行添加,以后我们只需要点击这个小书签的按钮,就可以调用“Convert Web Page to PDF”这项云服务(
https://www.web2pdfconvert.com)。从而将当前访问的网页转换成PDF格式的文件,当文件转换完成以后再下载保存到本地硬盘里面,从而减少我们手工进入云服务操作的步骤。

标签: js弹框

相关文章

基础 JavaScript 实例_js实例教程

用JavaScript输出文本用JavaScript改变HTML元素一个外部JavaScript实例解析 JavaScript 语句、注释和代码块JavaScript 语句JavaScript 代码...

vue3.0系列:Vue3自定义PC端弹窗组件V3Layer

今天给大家分享的是Vue3系列之自定义桌面端对话框组件v3layer。V3Layer 基于vue3.0构建的多功能PC网页端弹窗组件。拥有超过10+种弹窗类型、30+种参数配置,支持拖拽(自定义拖拽区...

70元OEC玩转NAS家庭影音下载共享保姆教程

本内容来源于@什么值得买APP,观点仅代表作者本人 |作者:营在北京玩客云、斐讯N1、黑豹X2以及京东云亚瑟、雅典娜等等矿渣已经成为垃圾佬们做轻NAS的常客,但是他们各有各的优点和不足。而今天要介绍的...

2024-2025年最新CSS特性:新功能和令人兴奋的变化

CSS的发展速度比以往任何时候都快,浏览器厂商也在快速跟进。如果你是前端开发者,及时了解最新的CSS特性可以显著改善你的工作流程,减少JavaScript开销,并实现更清晰、更易维护的代码。本文涵盖了...

JavaScript中的常用事件,以及内置对象详解

今天是刘小爱自学Java的第81天。感谢你的观看,谢谢你。话不多说,开始今天的学习:学前端有一个非常权威的组织,也就是w3c,其有个专门的教程文档,特别的全面。我研究了下其文档,发现竟然连Python...

layui中弹出层的保存按钮绑定为iframe中表单的按钮

弹出层提交表单的js layer.open({ type : 2, title : '添加权限', area : [ '500px', '450px...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。