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

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

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

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

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

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

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

相关文章
|
7月前
|
开发者
查看edge浏览器插件的安装位置并将插件安装到别的浏览器
查看edge浏览器插件的安装位置并将插件安装到别的浏览器
600 1
|
7月前
|
文字识别 安全 JavaScript
6款超实用的Edge浏览器插件,让你的浏览器瞬间开挂!
Microsoft Edge是由微软开发的一款网页浏览器,致力于提供一个现代化、高效率、安全可靠的网络浏览器,以满足用户对于网络浏览的各种需求。
347 1
|
7月前
|
JavaScript
浏览器插件crx文件--JS混淆与解密
浏览器插件crx文件--JS混淆与解密
190 0
|
3月前
|
数据可视化 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开发 搜索推荐 安全
|
2月前
|
存储 移动开发 API
如何实现浏览器内多个标签页之间的通信
在浏览器中,可通过三种方式实现多标签页通信:一是利用 `localStorage`,通过设置及监听数据变化实现信息传递;二是借助 `Broadcast Channel API`,在同一频道下双向传输消息;三是运用 `SharedWorker`,作为共享工件在各标签间架起沟通桥梁。每种方法依据实际需求选择使用。
|
3月前
|
安全 Oracle Java
edge浏览器加载java插件
edge浏览器加载java插件
253 1
|
4月前
|
编解码 JavaScript 前端开发
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
142 1
|
4月前
|
Web App开发 JavaScript 前端开发
如何在浏览器中安装使用Vue开发者工具?Vue开发者工具的安装使用?可直接提取插件安装使用
这篇文章介绍了如何在浏览器中安装和使用Vue开发者工具,提供了两种下载方式,包括直接下载编译好的插件和从GitHub上下载源代码后进行打包。文章还详细说明了在Chrome浏览器中加载插件的步骤,以及插件在Vue项目和非Vue项目中的不同表现。
如何在浏览器中安装使用Vue开发者工具?Vue开发者工具的安装使用?可直接提取插件安装使用
|
4月前
|
Web App开发 前端开发 JavaScript
手摸手教你,从0到1开发一个Chrome浏览器插件
开发 Chrome 插件既有趣又具成就感。本教程将引导你从零开始,逐步创建一个简单的 Chrome 插件。首先了解 Chrome 插件是可增强浏览器功能的小程序。以一个基础示例开始,你将学习如何设置开发环境,包括安装 Chrome 和准备文本编辑器,并掌握 HTML、CSS 和 JavaScript 的基础知识。接着,我们将构建插件的基本结构,涉及 `manifest.json` 配置文件、`background.js` 后台脚本、`popup.html` 用户界面以及 `style.css` 样式表。
366 8