效率神器 | 一款节省时间和标签页的浏览器插件

简介: 记得曾经看过一份文档写作规范,其中提到一点让我印象深刻--避免套娃式文档。

换句话说,就是文档里添加链接,点开链接之后里面又是层层嵌套链接。本身可以通过一份文档看明白的东西,却通过嵌套的各种链接打开了几十个页面。

针对这些链接,不得不右键在新标签页打开,然后粗略的扫一眼,发现没有什么具有价值的信息,再把它关闭。不打开,又担心错过什么。

这样不仅要打开很多令人眼花缭乱的新标签页,而且非常低效。

70.png

本文就来给大家介绍一款浏览器插件--Survol,能够轻松解决这个问题。


Survol


71.jpg

Survol是一款Github上开源免费的插件,支持Chrome、Firefox浏览器。

当我们访问博客、百度百科、内部文档时,会遇到各种各样的超链接,例如:

百度百科

72.png


博客


73.png

当然,这里只是随便拿出了几个示例。这种嵌入链接的文章随处可见。

其中绝大多数超链接没有必要打开,从头至尾详细阅读一遍。我们往往需要的就是一个基本概述,了解这个超链接是干什么的,然后再决定是否有必要在新标签页打开。

如果在没有任何了解的情况下就在新标签页打开,这样不仅中断了阅读的思绪,还会打开一些多余的标签页,让标签栏变得密密麻麻。最终,还需要手动逐个关闭。

这显然是非常低效的。

Survol是一个用于解决这个问题的浏览器插件,当你把鼠标悬停在超链接上时,它能够迅速的显示对应的预览

来看一下示例:

74.gif

Survol不打开新的选项卡就可以预览超链接文档的基本内容,从而节省你的时间。

目前Survol更新到0.3.0版,它当前主要基于如下网站的API进行开发:

  • Twitter
  • Reddit
  • Youtube
  • Soundcloud
  • Wikipedia

当然,除了这些网站。我在国内很多主流网站试用时,发现它同样提供不错的使用体验!

相关文章
|
9月前
|
JavaScript
浏览器插件crx文件--JS混淆与解密
浏览器插件crx文件--JS混淆与解密
218 0
|
13天前
|
人工智能 程序员 测试技术
AI编程:Coze + Cursor实现一个思维导图的浏览器插件
本文是小卷关于AI编程工具学习的第3篇文章,通过开发一个思维导图生成工具,详细介绍了AI编程的完整流程。从需求分析、插件选择(如Coze的TreeMind),到创建测试工作流、发布API,再到整合API和开发浏览器插件,最终实现了用户选中文字后生成思维导图的功能。文章展示了如何利用现有工具高效开发,并总结了AI编程的优势与未来趋势。
95 14
|
5月前
|
数据可视化 Java Windows
Elasticsearch入门-环境安装ES和Kibana以及ES-Head可视化插件和浏览器插件es-client
本文介绍了如何在Windows环境下安装Elasticsearch(ES)、Elasticsearch Head可视化插件和Kibana,以及如何配置ES的跨域问题,确保Kibana能够连接到ES集群,并提供了安装过程中可能遇到的问题及其解决方案。
Elasticsearch入门-环境安装ES和Kibana以及ES-Head可视化插件和浏览器插件es-client
|
1月前
|
Web App开发 搜索推荐 开发者
浏览器插件上架指南:如何把你的产品搬上浏览器插件市场
在实践了 Chrone、Firefox、Edge、Opera 等 几个主要的插件平台的上架发布工作后,我觉得很有必要把这个过程和思考记录下来,分享给大家,希望能提供一些参考和避坑的经验。我想通过这篇文章,和大家聊聊「为什么我要做这件事」,以及「这个系列文章会包含哪些内容」。我想用一个系列的文章,记录我是如何把 EmojiClick 搬到浏览器插件市场的,也给大家提供一些借鉴经验。
85 19
|
3月前
|
Web App开发 搜索推荐 安全
|
4月前
|
存储 移动开发 API
如何实现浏览器内多个标签页之间的通信
在浏览器中,可通过三种方式实现多标签页通信:一是利用 `localStorage`,通过设置及监听数据变化实现信息传递;二是借助 `Broadcast Channel API`,在同一频道下双向传输消息;三是运用 `SharedWorker`,作为共享工件在各标签间架起沟通桥梁。每种方法依据实际需求选择使用。
|
5月前
|
安全 Oracle Java
edge浏览器加载java插件
edge浏览器加载java插件
349 1
|
6月前
|
编解码 JavaScript 前端开发
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
214 1
|
6月前
|
Web App开发 JavaScript 前端开发
如何在浏览器中安装使用Vue开发者工具?Vue开发者工具的安装使用?可直接提取插件安装使用
这篇文章介绍了如何在浏览器中安装和使用Vue开发者工具,提供了两种下载方式,包括直接下载编译好的插件和从GitHub上下载源代码后进行打包。文章还详细说明了在Chrome浏览器中加载插件的步骤,以及插件在Vue项目和非Vue项目中的不同表现。
如何在浏览器中安装使用Vue开发者工具?Vue开发者工具的安装使用?可直接提取插件安装使用
|
6月前
|
Web App开发 前端开发 JavaScript
手摸手教你,从0到1开发一个Chrome浏览器插件
开发 Chrome 插件既有趣又具成就感。本教程将引导你从零开始,逐步创建一个简单的 Chrome 插件。首先了解 Chrome 插件是可增强浏览器功能的小程序。以一个基础示例开始,你将学习如何设置开发环境,包括安装 Chrome 和准备文本编辑器,并掌握 HTML、CSS 和 JavaScript 的基础知识。接着,我们将构建插件的基本结构,涉及 `manifest.json` 配置文件、`background.js` 后台脚本、`popup.html` 用户界面以及 `style.css` 样式表。
465 8

热门文章

最新文章