資訊專欄INFORMATION COLUMN
摘要：介紹介紹什么是什么是是一個(gè)純文本瀏覽器，可以運(yùn)行在大多數(shù)的終端環(huán)境和任何瀏覽器。設(shè)計(jì)設(shè)計(jì)包含一個(gè)最小的客戶端和一個(gè)瀏覽器。當(dāng)啟動(dòng)時(shí)，它會(huì)查找兼容的瀏覽器目前只有并以無(wú)頭模式啟動(dòng)它。瀏覽器啟動(dòng)后，將打開(kāi)遠(yuǎn)程調(diào)試連接并安裝擴(kuò)展。
Browsh是一個(gè)純文本瀏覽器，可以運(yùn)行在大多數(shù)的TTY終端環(huán)境和任何瀏覽器。目前1 ，終端客戶端比瀏覽器客戶端更先進(jìn)2。
終端客戶端即時(shí)更新和交付，以便于體驗(yàn)新的功能，例如，你可以觀看視頻。它使用UTF-8半塊技巧(?)3從每個(gè)字符單元中獲取2中顏色，從而仿真基本圖形。對(duì)那些支持它的終端，除了鍵盤輸入，它也可以理解鼠標(biāo)輸入。因此，你可以點(diǎn)擊鏈接，甚至在素描彩繪APP中繪制線條。
瀏覽器客戶端有些復(fù)雜，容易混淆。Browsh在另一個(gè)瀏覽器中運(yùn)行解析，然后在瀏覽器客戶端上呈現(xiàn)出簡(jiǎn)單HTML和純文本。Browsh輸出的HTML和文本是極其輕量級(jí)的，這一點(diǎn)很關(guān)鍵。在2018年，普通的網(wǎng)站寫入，需要下載大約3M數(shù)據(jù)，并發(fā)出超過(guò)100獨(dú)立HTTP請(qǐng)求。換到Browsh，它大約需要15kb，2個(gè)HTTP請(qǐng)求-一個(gè)用于HTML/文本，另一個(gè)用于favicon。
目前，HTML/文本 輸出非實(shí)時(shí)更新，也非交互式，希望瀏覽器客戶端最終具有與TTY客戶端相同的功能。
請(qǐng)參閱安裝頁(yè)面。
Browsh包含一個(gè)最小的Golang CLI客戶端和一個(gè)瀏覽器webextension。當(dāng)CLI啟動(dòng)時(shí)，它會(huì)查找兼容的瀏覽器（目前只有Firefox）并以無(wú)頭模式4啟動(dòng)它。瀏覽器啟動(dòng)后，將打開(kāi)遠(yuǎn)程調(diào)試連接并安裝擴(kuò)展。
當(dāng)網(wǎng)頁(yè)在瀏覽器中加載時(shí)，自定義腳本將注入頁(yè)面，然后在webextension中連接到Browsh的后臺(tái)進(jìn)程。此后臺(tái)進(jìn)程本身通過(guò)websocket連接到CLI客戶端。
每頁(yè)內(nèi)容腳本還應(yīng)用一些自定義CSS，以嘗試使頁(yè)面盡可能接近剛性網(wǎng)格，如終端單元所強(qiáng)制執(zhí)行的那樣。這并不總是成功的，因?yàn)榫W(wǎng)頁(yè)經(jīng)常小心地將元素定位到不是字符單元格的像素值 - 因此當(dāng)2個(gè)字符想要占據(jù)相同的單元格時(shí)，有時(shí)需要做出妥協(xié)。
為了節(jié)省必須解析每個(gè)角色的顏色和可見(jiàn)度，Browsh使用自定義的單字形全塊字體，其中每個(gè)字符都是：▇。解析元素的計(jì)算樣式在計(jì)算上是昂貴的。因此，為了獲得字符的顏色，框架構(gòu)建器檢查頁(yè)面的屏幕截圖的像素值，該像素值對(duì)應(yīng)于字符的位置。這還有一個(gè)額外的好處，即能夠在不解析CSS的情況下檢測(cè)角色的可見(jiàn)性 - 如果在顯示和隱藏文本時(shí)像素值改變顏色，則角色是可見(jiàn)的。當(dāng)然有邊緣情況，但它們的頻率意味著處理它們?nèi)匀槐菴SS解析更便宜。
在TTY客戶端的情況下，幀的圖形是在原始頁(yè)面的隱藏文本狀態(tài)期間生成的。然后將此屏幕截圖縮放到與活動(dòng)終端相同的大小。然后將那些像素值轉(zhuǎn)換為終端顏色轉(zhuǎn)義碼。最后，文本在圖形上分層并呈現(xiàn)給終端。
譯者注：
1.官網(wǎng)顯示該介紹更新于2018年7月13日
2.更先進(jìn)的意思大略是指終端客戶端的完善度較瀏覽器客戶端高
3.UTF-8 方塊元素 HTML字符集
4.headless mode：指可以在不打開(kāi)UI界面的情況下使用瀏覽器
英文原文：https://www.brow.sh/docs/introduction/
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/2010.html
摘要：瀏覽器顯示及交互背后的原理引子因?yàn)楣P者愛(ài)編程的光頭強(qiáng)近期在寫一本關(guān)于小程序入門的書(shū)籍。不基于瀏覽器背后的運(yùn)行原理，是很難說(shuō)清楚虛擬被引入的真正原因和最大好處的。它是瀏覽器的核心部分。 瀏覽器顯示及交互背后的原理 引子 因?yàn)楣P者（愛(ài)編程的光頭強(qiáng)）近期在寫一本關(guān)于小程序入門的書(shū)籍。其中有一章是介紹虛擬DOM的，它是位于Javascript和真正DOM之間的一層緩存層。為什么引入它，為什么它...
摘要：瀏覽器顯示及交互背后的原理引子因?yàn)楣P者愛(ài)編程的光頭強(qiáng)近期在寫一本關(guān)于小程序入門的書(shū)籍。不基于瀏覽器背后的運(yùn)行原理，是很難說(shuō)清楚虛擬被引入的真正原因和最大好處的。它是瀏覽器的核心部分。 瀏覽器顯示及交互背后的原理 引子 因?yàn)楣P者（愛(ài)編程的光頭強(qiáng)）近期在寫一本關(guān)于小程序入門的書(shū)籍。其中有一章是介紹虛擬DOM的，它是位于Javascript和真正DOM之間的一層緩存層。為什么引入它，為什么它...
摘要：首先，巧妙的使用這一標(biāo)記，將游覽器從所有情況中分離出來(lái)。接著，再次使用將和分離開(kāi)來(lái)，這樣已經(jīng)獨(dú)立識(shí)別。元素不能用作語(yǔ)義用途以外的其他目的。Html1、Html5有哪些新特性，移除了哪些元素?如何處理HTML5新標(biāo)簽的瀏覽器兼容問(wèn)題?如何區(qū)別HTML和HTML5?HTML5 現(xiàn)在已經(jīng)不是 SGML 的子集，主要是關(guān)于圖像，位置，存儲(chǔ)，多任務(wù)等功能的增加。拖拽釋放(Drag and drop) ...
摘要：于發(fā)表了著名的有害論的論文引起了長(zhǎng)達(dá)數(shù)年的論戰(zhàn)并由此產(chǎn)生了結(jié)構(gòu)化程序設(shè)計(jì)方法。到現(xiàn)在為止面向?qū)ο笠呀?jīng)成為了主流的開(kāi)發(fā)思想。面向?qū)ο蟮某绦蛟O(shè)計(jì)優(yōu)點(diǎn)解決了程序的擴(kuò)展性。 [Python3]Python面向?qū)ο蟮某绦蛟O(shè)計(jì) 一、面向?qū)ο蟮某绦蛟O(shè)計(jì)的由來(lái) 1.第一階段：面向機(jī)器，1940年以前 最早的程序設(shè)計(jì)都是采用機(jī)器語(yǔ)言來(lái)編寫的,直接使用二進(jìn)制碼來(lái)表示機(jī)器能夠識(shí)別和執(zhí)行的指令和數(shù)據(jù)。 簡(jiǎn)單來(lái)...
摘要：這說(shuō)明類已經(jīng)處于繼承鏈條的頂端，是所有類的父類。這就是說(shuō)這一元類的父類是。我們來(lái)捋一捋，也就是說(shuō)類是由元類創(chuàng)建的，但是類又繼承了類。元類的類則是由元類自身創(chuàng)建的。 學(xué)習(xí)python的同學(xué)都知道這么幾句話 object類是所有新式類的父類。 type是所有類的類。 那么type和object是什么關(guān)系呢？object是一個(gè)新式類，我們可以通過(guò)object.__class__和obje...
閱讀 3609·2023-04-25 17:35
閱讀 2655·2021-11-24 09:39
閱讀 2596·2021-10-18 13:32
閱讀 3474·2021-10-11 10:58
閱讀 1700·2021-09-26 09:55
閱讀 6358·2021-09-22 15:47
閱讀 1026·2021-08-26 14:15
閱讀 3543·2019-08-30 15:55
