Está claro que es difícil hacer frente a una gran cantidad de pestañas con las manos desnudas. Así que escribí una extensión de navegador que organiza automáticamente las pestañas según la similitud del contenido.
Esto simplificó radicalmente la búsqueda y lectura de artículos. E incluso mi cabello se volvió sedoso. Bueno eso es se volvió más productivo.
¿De dónde vienen tantas pestañas?
En su mayoría provienen de Inoreader, a veces de redes sociales y otros recursos.
Miro publicaciones nuevas una vez a la semana o dos o menos. Algo permanece abierto, algo se envía para más tarde, pero más a menudo permanece abierto.
Puede ver muchos a la vez. Pero uno de los beneficios de este enfoque es la capacidad de obtener una imagen más completa desde diferentes perspectivas.
Además, leer varios artículos sobre el mismo tema a la vez es mucho más fácil que leer cada artículo por separado.
¿Qué hace la extensión?
Video de demostración en lugar de mil palabras.
Las pestañas se agrupan por contenido principal utilizando una cantidad limitada de palabras. Las palabras para la bolsa están determinadas por la frecuencia de ocurrencia más varias heurísticas.
Para encontrar el contenido de la página, se utiliza la adaptación Readability.js . Esta es la versión de la biblioteca que usa Mozilla en Firefox para mostrar páginas en modo lector.
Desafortunadamente, Readability.js no siempre encuentra el contenido de las páginas. Por lo tanto, se ha realizado un preprocesamiento separado para recursos especialmente populares.
Ahora aquí: Reddit, HackerNews y YouTube.
La lista definitivamente no es exhaustiva. Si alguien necesita agregar un nuevo recurso, esto se puede hacer a través de GitHub... También puede dejar otros comentarios allí, porque la extensión no recopila ningún análisis.
También hay recursos separados, cuyas páginas se ordenan solo por URL, si hay más de uno. Estas son las páginas de GitHub y GitLab. Entonces se agrupará de acuerdo con la estructura del archivo del proyecto.
Hecho específicamente para umputun... Casi.
El algoritmo no es demasiado complejo, por lo que funciona completamente localmente sin mucho trabajo. A veces me sorprende gratamente incluso a mí, un desarrollador que constantemente desplaza el algoritmo en mi cabeza.
En un caso, fueron dos artículos los que sugirieron conjuntamente una nueva idea. Tenían diferentes temas, pero tenían palabras clave comunes, por lo que Smart TabS los colocó uno al lado del otro.
En otro caso, fue un navegador para preguntas laborales. Después de algunas sugerencias, Smart TabS organizó las pestañas mucho mejor de lo que esperaba, por lo que fue mucho más fácil trabajar con él.
Sí, hay situaciones en las que las pestañas no se colocan exactamente como deberían. Luego, puede colocarlos usted mismo donde los necesite. Conservarán la ubicación especificada hasta que la cambie de una forma u otra.
Además, en la configuración de la extensión, puede especificar los dominios cuyas páginas no se comprobarán en busca de similitudes. Estos pueden ser dominios para los que es difícil determinar el contenido principal o su contenido es demasiado sensible.
Por ejemplo, aplicaciones web, correo, redes sociales. De forma predeterminada, esto ahora incluye: Facebook, Netflix, Trello, Todoist, Inoreader, Feedly, Gmail y otros servicios de Google.
Si no hay absolutamente ningún deseo de mostrar algo a la extensión, entonces en modo incógnito su operación está prohibida en el nivel de API del navegador.
Soporte de navegador
La extensión ahora se puede entregar para Firefox y Chrome .
Todavía no está disponible para Safari, a pesar de la aparición de la API de WebExtension en la versión 14. Por alguna razón, no agregaron soporte para tabs.move (...) para que las pestañas se puedan mover automáticamente.
Otros navegadores no se han probado específicamente, aunque, en teoría, para los navegadores basados en Chromium podría ser posible instalar un paquete para Chrome.
PD
En esta publicación, quería centrarme en el problema y su solución utilizando Smart TabS, por así decirlo, en el lado público del problema.
En la siguiente parte, planeo hablar sobre lo que queda detrás de escena: el desarrollo de una idea, la gestión del proyecto y los detalles del desarrollo.