都是用電腦，憑啥我的電腦這么流暢絲滑？

時(shí)間：2023-05-12 18:45:02 | 來源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-05-12 18:45:02 來源：網(wǎng)站運(yùn)營(yíng)

都是用電腦，憑啥我的電腦這么流暢絲滑？：

Hello 這里是一周進(jìn)步
我們寫了四年近2000篇的干貨文章，還分享了許多實(shí)用的神器工具，一路以來，感謝大家的支持與陪伴~
文 / 一周進(jìn)步 · 安哥拉

使用某個(gè)應(yīng)用之前，有時(shí)我會(huì)關(guān)注它是否有「網(wǎng)頁版」，如果有網(wǎng)頁版且不影響產(chǎn)品的功能或使用體驗(yàn)時(shí)，我會(huì)更傾向于選擇網(wǎng)頁版，能用網(wǎng)頁的堅(jiān)決不用客戶端。

網(wǎng)頁版應(yīng)用省去了安裝客戶端的步驟，有網(wǎng)隨時(shí)隨地都能用，輕量且使用起來很流暢，反觀我用過的一些客戶端，啟動(dòng)速度較慢，且有時(shí)還會(huì)出現(xiàn)卡頓的情況。

但網(wǎng)頁版也存在一些不方便的地方，例如每次使用時(shí)需要經(jīng)歷「先打開瀏覽器，再打開網(wǎng)頁」的步驟，重復(fù)的次數(shù)一多，就會(huì)顯得繁瑣低效。

因此，今天的這篇文章，我想為你介紹一種可以高效利用網(wǎng)頁這個(gè)載體的應(yīng)用——PWA 應(yīng)用，希望其中的一些內(nèi)容對(duì)你有幫助。

01. PWA 應(yīng)用

PWA 全程為 Program Web Apps(漸進(jìn)式網(wǎng)絡(luò)應(yīng)用程序)，你可以將它簡(jiǎn)單理解為電腦上的小程序，只不過它運(yùn)行在瀏覽器而非微信上。

相比傳統(tǒng)的網(wǎng)頁應(yīng)用，PWA 具有以下這些優(yōu)點(diǎn)：

• 不受所使用的瀏覽器的影響，在不同設(shè)備上會(huì)進(jìn)行自適應(yīng)，不會(huì)出現(xiàn)兼容性問題
• 擁有接近原生應(yīng)用的交互體驗(yàn)
• 可以保證用戶使用的總是最新版的應(yīng)用
• 只需要一個(gè)鏈接就能用上 PWA 應(yīng)用，無需經(jīng)歷復(fù)雜的安裝步驟

02. 值得使用的 PWA 應(yīng)用

① 微博 Lite

微博 Lite，是基于HTML5技術(shù)開發(fā)的網(wǎng)頁版微博，相比許多人在電腦上常用的網(wǎng)頁版，它的優(yōu)點(diǎn)在于：

所有微博都是按發(fā)布時(shí)間倒序進(jìn)行排列的，不會(huì)出現(xiàn)移動(dòng)端微博時(shí)間線錯(cuò)亂的情況；

信息流中不會(huì)有煩人的廣告；

微博 Lite 的首頁整體比較簡(jiǎn)潔，比較接近于 App 的設(shè)計(jì)，頂部是搜索框，下方是各個(gè)分區(qū)的標(biāo)簽，沒有傳統(tǒng)網(wǎng)頁版的分組、熱門話題等板塊。







微博 Lite 網(wǎng)址：

https://m.weibo.cn/




② Twitter

Twitter，國(guó)內(nèi)各種微博產(chǎn)品的始祖，但在國(guó)內(nèi)已經(jīng)不存在的社交產(chǎn)品。

打開 Twitter 官網(wǎng)，和微博 Lite 一樣，在地址欄右側(cè)會(huì)有提示「安裝 Twitter」的按鈕。







安裝之后，它也會(huì)從瀏覽器中分離出來，分離前后的功能都是一樣的，不像微博網(wǎng)頁版與微博 Lite 存在著差異。







Twitter 官網(wǎng)：

https://twitter.com/




③ flomo

flomo，是一款像發(fā)微博一樣的筆記工具，非常適合平時(shí)用來記錄各種碎片化內(nèi)容或想法。

flomo 有移動(dòng)端和網(wǎng)頁版，但我更喜歡在電腦上使用這款應(yīng)用，由于它沒有電腦客戶端，所以就只能使用網(wǎng)頁版。







比較幸運(yùn)的是，flomo 也是一款 PWA 應(yīng)用，在瀏覽器打開 flomo 的網(wǎng)址之后，地址欄右側(cè)就會(huì)有提示「安裝 flomo」的按鈕。







關(guān)于 flomo 的更多使用技巧，可以看 @Cherry 之前寫過的文章

微信上的這個(gè)筆記應(yīng)用，早該火了。

flomo 官網(wǎng)地址：

https://flomoapp.com/




④ Telegram

Telegram，是國(guó)外一款跨平臺(tái)的即時(shí)通信工具，消息使用端對(duì)端加密，在抵達(dá)接收方之前不會(huì)被他人查看，且消息不會(huì)被存儲(chǔ)在服務(wù)器。

這款應(yīng)用既有網(wǎng)頁版也有客戶端，網(wǎng)頁版的 Telegram 屬于 PWA 應(yīng)用，打開網(wǎng)頁之后，地址欄右側(cè)也會(huì)有安裝的按鈕。







Telegram 網(wǎng)頁版地址：

https://web.telegram.org/




⑤ Emojityper

Emojityper，是一個(gè)非常有意思的 Emoji 網(wǎng)站，只要輸入你想用的 Emoji 對(duì)應(yīng)的英文，例如下圖的 computer，它就會(huì)返回文本對(duì)應(yīng)的 Emoji，聽起來是不是有點(diǎn)繞呢？

說得直白一點(diǎn)，這個(gè)在線網(wǎng)站就是一個(gè) Emoji 搜索工具，可以很方便地搜索到你想使用的 Emoji 表情。







我用過不少 Emoji 工具，但大多都不具備搜索功能（除了蘋果自帶的輸入法），每次找一個(gè)想用的 Emoji，都需要從一大堆表情把它揪出來，效率實(shí)在是太低了。

但現(xiàn)在有了這么一個(gè)在線工具，你就可以很方便地找到 Emoji 啦。

Emojityper 在線地址：

https://emojityper.com/




⑥ Emoji Bombs

Emoji Bombs，同樣是一個(gè) Emoji 表情相關(guān)的網(wǎng)站，它會(huì)在每個(gè)頁面以九宮格的形式呈現(xiàn) 9 個(gè) Emoji，點(diǎn)擊頁面就會(huì)將所有 Emoji 復(fù)制到系統(tǒng)的剪貼板。







在你需要的地方粘貼，就可以快速得到 9 個(gè)排列整齊的 Emoji 表情：










這個(gè)網(wǎng)站目前提供的 Emoji 不多，向左滑動(dòng)頁面可以查看不同的 Emoji 組合，目前總共只有 7 個(gè)頁面。







最后一個(gè)頁面提供了解鎖更多 Emoji 組合的選項(xiàng)，但實(shí)測(cè)輸入郵箱之后并沒有什么反應(yīng)，可能是頁面的功能還處于開發(fā)階段。







Emoji Bombs 在線地址：

https://emojibombs.com/




⑦ Tower Game

Tower Game，是一個(gè)蓋房子的網(wǎng)頁游戲，它讓我想起了 10 年前在諾基亞上玩的一款類似的游戲。

點(diǎn)擊屏幕，掛在起重機(jī)掛鉤的房子就會(huì)掉下來，上下兩層房子沒有嚴(yán)絲合縫扣緊的話，整棟樓就會(huì)變得歪歪扭扭。

我試玩了幾局，發(fā)現(xiàn)這個(gè)小游戲挺難的，起重機(jī)的繩子晃動(dòng)得很快，一不小心就 Game Over 了。







Tower Game 官網(wǎng)：

https://www.towergame.app/

03. 如何添加 PWA 應(yīng)用？

① 從瀏覽器地址欄安裝

在支持 PWA 應(yīng)用的瀏覽器中，打開 PWA 應(yīng)用，瀏覽器地址欄右側(cè)會(huì)新增一個(gè)「安裝」按鈕，在彈出的面板點(diǎn)擊安裝即可。







如果地址欄右側(cè)沒有出現(xiàn)「安裝」的按鈕，你也可以點(diǎn)擊瀏覽器右上角的「…」，展開「應(yīng)用」的菜單，在面板中就能看到「安裝 微博Lite」的選項(xiàng)。







安裝好 PWA 應(yīng)用后，它會(huì)從瀏覽器的標(biāo)簽頁中分離出來，擁有單獨(dú)的頁面，如下圖所示，頁面頂部不會(huì)顯示瀏覽器地址欄和網(wǎng)址。







只有當(dāng)你點(diǎn)擊右上角的「…」按鈕，彈出的面板顯示的「應(yīng)用信息」或「復(fù)制 URL」，才能查看當(dāng)前 PWA 應(yīng)用的源地址。







Chrome 和微軟的 Edge 瀏覽器都支持安裝 PWA 應(yīng)用，但使用這兩個(gè)瀏覽器安裝的 PWA 應(yīng)用略有區(qū)別：

使用 Chrome 瀏覽器安裝的 PWA 應(yīng)用，它會(huì)自動(dòng)在桌面上生成「微博 Lite」的快捷方式，方便你在桌面上快速打開。







使用 Edge 瀏覽器安裝的 PWA 應(yīng)用，它不會(huì)在桌面上生成一個(gè)快捷方式，不過你可以在開始菜單中看到它。







此外，這里還有一個(gè)使用 PWA 應(yīng)用的小技巧，由于安裝的 PWA 應(yīng)用會(huì)單獨(dú)打開一個(gè)頁面，它會(huì)在桌面底部的任務(wù)欄生成一個(gè)圖標(biāo)。

右擊任務(wù)欄的圖標(biāo)，選擇「固定到任務(wù)欄」，將 PWA 應(yīng)用圖標(biāo)添加到任務(wù)欄上。







添加到任務(wù)欄之后，當(dāng)你需要用到它的時(shí)候，點(diǎn)擊任務(wù)欄的圖標(biāo)，就可以快速啟動(dòng)。







②AppScope

如果按照上面介紹的方法，逐個(gè)打開不同的網(wǎng)站，通過查看地址欄右側(cè)是否有「安裝」按鈕，以此來判定是否為 PWA 應(yīng)用，這個(gè)流程還是太繁瑣了一點(diǎn)。

這里介紹一個(gè) PWA 應(yīng)用聚合網(wǎng)站 Appscope，網(wǎng)站收錄了不同類別的 PWA 應(yīng)用，包含游戲、工具、教育、購物、音樂和運(yùn)動(dòng)等。







選擇自己感興趣的類別，可能可以從中找到自己需要的 PWA 應(yīng)用。

值得一提的是，這個(gè)網(wǎng)站收錄的基本都是國(guó)外的產(chǎn)品，如果你經(jīng)常需要用到國(guó)外的應(yīng)用，那非常推薦你來這里逛一逛。







AppSco 官網(wǎng)：

https://appsco.pe/




③ 為網(wǎng)頁創(chuàng)建快捷方式

如果你想使用的國(guó)內(nèi)應(yīng)用沒有推出 PWA 應(yīng)用，那也沒有關(guān)系，我們可以借助瀏覽器自帶的功能「創(chuàng)建快捷方式」，來將常用的應(yīng)用添加到桌面。

在打開任意網(wǎng)頁的情況下，點(diǎn)擊瀏覽器右上角的「…」，選擇「更多工具 >>創(chuàng)建快捷方式」。







頁面頂部會(huì)彈出詢問是否「創(chuàng)建快捷方式」的窗口，勾選下方的「在窗口中打開」，當(dāng)前的頁面也會(huì)從瀏覽器中脫離出來，形成一個(gè)單獨(dú)的窗口。







創(chuàng)建了單獨(dú)的窗口之后，電腦桌面也會(huì)新增一個(gè)快捷方式。







你可以像前面介紹的，將應(yīng)用固定到桌面底部的任務(wù)欄，或者在 Windows 開始菜單中，將其從「最近添加」拖拽到右側(cè)的「動(dòng)態(tài)磁貼」，方便后續(xù)快速打開。







需要注意的是，這個(gè)方法目前僅適用于 Chrome 瀏覽器，同樣是谷歌內(nèi)核的 Edge 瀏覽器暫未發(fā)現(xiàn)這一功能。




④ 從微軟應(yīng)用商店 Mircrosoft Store 安裝

上架微軟應(yīng)用商店的應(yīng)用，大多被稱為 UWP 應(yīng)用，UWP 是 Universal Windows Platform 的簡(jiǎn)寫，譯為Windows 通用應(yīng)用平臺(tái)。

除了 UWP 應(yīng)用，應(yīng)用商店還上架了我們前面提到的PWA 應(yīng)用，在應(yīng)用商店中搜索關(guān)鍵詞 PWA，就可以看到推出了 PWA 的應(yīng)用，這里有我們比較熟悉的餓了么和微博。

04. 管理已安裝的 PWA 應(yīng)用

對(duì)于我們已經(jīng)安裝的 PWA 應(yīng)用，后續(xù)如果你不需要再用到它了，可能會(huì)有刪除或卸載的需求。

管理已安裝的 PWA 應(yīng)用也比較簡(jiǎn)單，以 Chrome 瀏覽器為例，在地址欄輸入chrome://apps，打開的頁面就可以看到我們添加的所有 PWA 應(yīng)用。







右擊想刪除的 PWA 應(yīng)用，在彈出的菜單中，選擇「從 Chrome 中移除」，原先添加到電腦桌面或任務(wù)欄的 PWA 應(yīng)用，就會(huì)從你的電腦消失了，不會(huì)有任何殘留。







如果你用的是微軟家的 Edge 瀏覽器，在地址欄輸入 edge://apps ，同樣可以打開 PWA 應(yīng)用的管理頁面，右擊卸載不需要的應(yīng)用即可。

寫在最后

寫這篇文章之前，我對(duì) PWA 應(yīng)用也不是很了解，僅局限在「安裝 PWA 應(yīng)用 >> 將其固定在任務(wù)欄 >> 可以快速打開應(yīng)用」的層面上。

后來決定寫這個(gè)選題，是因?yàn)槲野l(fā)現(xiàn)我身邊的一個(gè)同事，原來 TA 也不知道這個(gè)用法（并無貶義）。

因此這篇文章的誕生，也要感謝同事給我的靈感，也再一次驗(yàn)證了一個(gè)不一定對(duì)的觀點(diǎn)：你以為人人都知道的東西，其實(shí)還有很多人都不知道。

這中間的鴻溝，正是分享的價(jià)值所在。

以上，就是本次想和你分享的內(nèi)容。

如果有幫到你，你可以點(diǎn)贊收藏或轉(zhuǎn)發(fā)分享，這會(huì)對(duì)我們有很大的幫助。