「無相」可以將網站變成小程序的全新 iOS 瀏覽器
來自專欄 Baye 在修仙
56 人贊了文章
當我們在使用手機瀏覽器時，總會被各種各樣的因素所干擾。比如辣眼睛的廣告，混亂的布局，以及糟糕的設計等。但是 iOS 上又一直缺少一種改造網頁的能力。
作為一個全乾程序員，我曾做過各種各樣的網站和 App，這兩者其實具有很大的結構相似性。而 App 帶來的體驗往往要優於網站。那麼我就想為什麼不做個可以把網站轉換成 App 的 App 呢？經過多次快速的腦洞碰撞後，我帶來了「無相」瀏覽器，它可以將網頁「原生化」讓你可以專註於瀏覽和閱讀，並且擁有原生 App 的體驗。
「無相」可以做什麼
當我們打開一個網頁的時候，我們更傾向於把目光集中在最重要的信息上，甚至只想看見他們，不需要多餘的修飾。「無相」就能夠幫你做好這件事，首先它會通過「相」識別網頁里最重要的信息。
這樣不僅可以節省系統運行內存（瀏覽器內核的渲染樹、JS解析引擎通常會大量佔用內存），還可以極大增強網頁的交互體驗。
剔除「噪音」後的閱讀模式也可以讓您更加專註於閱讀。
Drawer 菜單，讓您在閱讀書籍或者瀏覽某些網站時可以快速導航。
無相適配了一些常用網站，比如你可以在無相上搜索知乎：
搜索、閱讀公眾號文章，以及刷論壇：
當然也可以用來看新聞：
有些用戶甚至做了一些以彈窗、廣告多而著稱的某類網站的相。
總而言之，無相是一款將網頁原生化的瀏覽器，它可以刪繁就簡，去冗存真。而這一效果，通過「相」直觀地展現了出來。
相是什麼？在哪兒？怎麼用？
無相本質是一個解析及渲染引擎，而相就是使用這個引擎的鑰匙。
相是一個只有 1k 左右的文本文件，裡面存儲了目標網站的結構信息。它的作用是告訴「無相」如何識別網站的內容以及怎樣重新渲染。（你也可以理解為一個相就相當於一個小程序）
「無相」有一個內置的「相空間」，這裡展示了由用戶社區貢獻的相，你只需要點下 下載 按鈕，它就會出現在你的 App 首頁上，輕點就可以使用該相瀏覽網站。
無相的其它優勢
快
傳統瀏覽器需要花費更多的時間去下載 CSS 樣式表和JS文件，有了這些樣式表瀏覽器才知道該如何顯示（顏色、字體大小、布局等）網頁。而無相是不用載入網站的 CSS/JS 文件就可以直接渲染的，這就讓「無相」快器一步。
說到這裡你應該已經想到了另一個好處：節省流量。CSS/JS 文件一般是 HTML 的幾倍甚至十幾倍大小，日積月累下來流量消耗也十分可觀了。
去廣告的「副作用」
由於「無相」是奔著有效信息去的，這其中往往不包括廣告，所以很遺憾，我沒針對廣告，廣告卻因此而死。
不被跟蹤
網站中的 JS 文件除了支撐網站本身的內容外，它還有另外的功能：對你的搜索、瀏覽行為進行跟蹤，並通過一個識別符建立你的信息庫。因此經常會出現搜索了一個詞後，其他網站的相關廣告接踵而至的現象。
而無相因為不載入 JS，所以你在「相」中進行瀏覽、搜索時，這些信息是不會被跟蹤的，你不必擔心用「相」搜索了一個詞後，在別的網站遇到意外的驚嚇。
兼容模式
當沒有「相」可以匹配要訪問的網站時，無相將回退到傳統的瀏覽器模式進行訪問。你也可以在「相」中隨時切換到瀏覽器模式。
定製無相
如果您懂一點點的 HTML/CSS 知識，就可以使用無相的編輯器自己製作任意靜態網站的像，還可以將其分享給所有用戶使用。
- 無相編輯器
- 無相開發文檔
- Telegram 群
在 App Store 上面獲取「無相」
App Store 上的「無相 - 不一樣的瀏覽器」
推薦閱讀：