[翻译]一个新式的基于文本的浏览器 Browsh

Posted 2020-12-04 repeatedly

介绍

什么是Browsh?

Browsh是一个纯文本浏览器，可以运行在大多数的TTY终端环境和任何浏览器。目前¹ ，终端客户端比浏览器客户端更先进²。

TTY 客户端

终端客户端即时更新和交付，以便于体验新的功能，例如，你可以观看视频。它使用UTF-8半块技巧(?)³从每个字符单元中获取2中颜色，从而仿真基本图形。对那些支持它的终端，除了键盘输入，它也可以理解鼠标输入。因此，你可以点击链接，甚至在素描彩绘APP中绘制线条。

浏览器客户端

浏览器客户端有些复杂，容易混淆。Browsh在另一个浏览器中运行解析，然后在浏览器客户端上呈现出简单html和纯文本。Browsh输出的HTML和文本是极其轻量级的，这一点很关键。在2018年，普通的网站写入，需要下载大约3M数据，并发出超过100独立HTTP请求。换到Browsh，它大约需要15kb，2个HTTP请求-一个用于HTML/文本，另一个用于favicon。

目前，HTML/文本 输出非实时更新，也非交互式，希望浏览器客户端最终具有与TTY客户端相同的功能。

安装

请参阅安装页面。

设计

Browsh包含一个最小的Golang CLI客户端和一个浏览器webextension。当CLI启动时，它会查找兼容的浏览器（目前只有Firefox）并以无头模式⁴启动它。浏览器启动后，将打开远程调试连接并安装扩展。

当网页在浏览器中加载时，自定义脚本将注入页面，然后在webextension中连接到Browsh的后台进程。此后台进程本身通过websocket连接到CLI客户端。

每页内容脚本还应用一些自定义CSS，以尝试使页面尽可能接近刚性网格，如终端单元所强制执行的那样。这并不总是成功的，因为网页经常小心地将元素定位到不是字符单元格的像素值 - 因此当2个字符想要占据相同的单元格时，有时需要做出妥协。

为了节省必须解析每个角色的颜色和可见度，Browsh使用自定义的单字形全块字体，其中每个字符都是：▇。解析元素的计算样式在计算上是昂贵的。因此，为了获得字符的颜色，框架构建器检查页面的屏幕截图的像素值，该像素值对应于字符的位置。这还有一个额外的好处，即能够在不解析CSS的情况下检测角色的可见性 - 如果在显示和隐藏文本时像素值改变颜色，则角色是可见的。当然有边缘情况，但它们的频率意味着处理它们仍然比CSS解析更便宜。

在TTY客户端的情况下，帧的图形是在原始页面的隐藏文本状态期间生成的。然后将此屏幕截图缩放到与活动终端相同的大小。然后将那些像素值转换为终端颜色转义码。最后，文本在图形上分层并呈现给终端。

译者注：
1.官网显示该介绍更新与2018年7月13日
2.更先进的意思大略是指终端客户端的完善度较浏览器客户端高
3.UTF-8 方块元素 HTML字符集
4.headless mode：指可以在不打开UI界面的情况下使用浏览器

英文原文：https://www.brow.sh/docs/introduction/