當我們在使用手機瀏覽器時，總會被各種各樣的因素所干擾。比如辣眼睛的廣告，混亂的布局，以及糟糕的設計等。但是 iOS 上又一直缺少一種改造網頁的能力。

作為一個全干程序員，我曾做過各種各樣的網站和 App，這兩者其實具有很大的結構相似性。而 App 帶來的體驗往往要優于網站。那么我就想為什么不做個可以把網站轉換成 App 的 App 呢？經過多次快速的腦洞碰撞后，我帶來了「無相」瀏覽器，它可以將網頁「原生化」讓你可以專注于瀏覽和閱讀，并且擁有原生 App 的體驗。

「無相」可以做什么

當我們打開一個網頁的時候，我們更傾向于把目光集中在最重要的信息上，甚至只想看見他們，不需要多余的修飾。「無相」就能夠幫你做好這件事，首先它會通過「相」識別網頁里最重要的信息。

無相可以識別網頁中有意義的信息

這時網頁里最重要的信息已經解析了出來，就可以像 AdBlock 那樣把其它所有元素都刪了，網頁會變得干凈清爽很多。但我們其實可以做一個更酷的事：扔掉瀏覽器內核，自己做一個渲染引擎，將數據直接轉換成原生 UI。

將數據直接渲染為原生界面

這樣不僅可以節省系統運行內存（瀏覽器內核的渲染樹、JS解析引擎通常會大量占用內存），還可以極大增強網頁的交互體驗。

剔除「噪音」后的閱讀模式也可以讓您更加專注于閱讀。

閱讀模式讓您更加專注于閱讀

而對于一些沒有針對移動設備進行優化的網站，無相的表現尤為出色。

小說閱讀模式

無相還有很多的其它的可定制的控件，比如 Drawer 菜單，讓您在閱讀書籍或者瀏覽某些網站時可以快速導航。

Drawer 可以提取目錄或者顯示菜單

另外測試版本已經支持 Audio,Image,Button 等基礎控件，可以讓您更加靈活的定制網站的樣式。

總而言之，無相是一款將網頁原生化的瀏覽器，它可以刪繁就簡，去冗存真。而這一效果，通過「相」直觀地展現了出來。

相是什么？在哪兒？怎么用？

無相本質是一個解析及渲染引擎，而相就是使用這個引擎的鑰匙。

相是一個只有 1k 左右的文本文件，里面存儲了目標網站的結構信息。它的作用是告訴「無相」如何識別網站的內容以及怎樣重新渲染。「無相」有一個內置的「相空間」，這里展示了由用戶社區貢獻的相，你只需要點下 下載 按鈕，它就會出現在你的 App 首頁上，輕點就可以使用該相瀏覽網站。

無相的其它優勢快

傳統瀏覽器需要花費更多的時間去下載 CSS 樣式表和JS文件，有了這些樣式表瀏覽器才知道該如何顯示（顏色、字體大小、布局等）網頁。而無相是不用加載網站的 CSS/JS 文件就可以直接渲染的，這就讓「無相」快器一步。

說到這里你應該已經想到了另一個好處：節省流量。CSS/JS 文件一般是 HTML 的幾倍甚至十幾倍大小，日積月累下來流量消耗也十分可觀了。

去廣告的「副作用」

由于「無相」是奔著有效信息去的，這其中往往不包括廣告，所以很遺憾，我沒針對廣告，廣告卻因此而死。

不被跟蹤

網站中的 JS 文件除了支撐網站本身的內容外，它還有另外的功能：對你的搜索、瀏覽行為進行跟蹤，并通過一個識別符建立你的信息庫。因此經常會出現搜索了一個詞后，其他網站的相關廣告接踵而至的現象。

而無相因為不加載 JS，所以你在「相」中進行瀏覽、搜索時，這些信息是不會被跟蹤的，你不必擔心用「相」搜索了一個詞后，在別的網站遇到意外的驚嚇。

兼容模式

當沒有「相」可以匹配要訪問的網站時，無相將回退到傳統的瀏覽器模式進行訪問。你也可以在「相」中隨時切換到瀏覽器模式。

為何沒有我派？

這是因為「無相」有一個限制：網站必須是靜態的（服務器渲染），而少數派的頁面其實 JS 動態加載數據展示的。不過，我在后續的版本中有計劃加入 RSS 支持，只要有 RSS 同樣可以原生化。

定制無相

如果您懂一點點的 HTML/CSS 知識，就可以使用無相的編輯器自己制作任意靜態網站的像，還可以將其分享給所有用戶使用。

送碼

您在使用移動瀏覽器的過程中遇到過哪些痛點并且覺得「無相」可以幫助解決的，或者對無相有什么期待，在此評論我將根據有效建議的數量送出不少于 5 個的兌換碼。