方格子開發誌 #12|PWA 給你仿 APP 的無縫閱讀體驗 ft. 豆皮壽司來三盤

閱讀時間約 3 分鐘
又見面了!上次和大家分享新功能,又過了近一個月,本來想說:「就這麼拖稿下去,應該也不會被發現吧?」
但是,看到冨樫義博老師受腰痛折磨,仍每天在 twitter 上更新進度,如此不屈不撓的精神激勵了獅獅的上進心 (。・ω・。)(還有羞恥心)。
因此,今天要來向大家分享新功能,它叫做 —— 漸進式網頁應用程式(PWA, Progressive Web Application)

PWA? Is that good to eat?

漸進式 ⋯⋯ 網頁 ⋯⋯ 啥?
火星語我們就先不說了,有興趣的格友們,我們下集做個影片給大家介紹介紹(並不會)。簡而言之,PWA 提供了許多功能,讓我們的「網頁」瀏覽體驗變得更接近「原生 APP」
比方說,以前要來方格子看文章,都要先經過三個步驟:
  • 打開手機裡的網頁瀏覽器 APP
  • 點擊書籤裡面的「方格子」
  • 一邊想晚餐要吃什麼,一邊等方格子出現在你面前
是不是很麻煩呢?
從今以後,這些冗長的步驟將從你的人生中消失!為您隆重介紹 —— 加入主畫面功能(好不帥氣的名字 ಥ_ಥ)。
Before & After:將捷徑加入主畫面後,點開捷徑瀏覽方格子時,視窗畫面內就不會有瀏覽器的預設網址列、工具列,可以全螢幕瀏覽站上的好內容!

iOS Safari 步驟教學:走捷徑只要兩秒鐘~ ♫

那麼,我們就馬上來看看新功能怎麼運作吧!

1. 打開方格子,點擊底部的這個按鈕

(有人知道它叫什麼名字嗎?)

2. 點選「加入主畫面」

3. 按下「新增」

新增啦哪次不新增

4. 回到主畫面點擊捷徑:享受更乾淨的閱讀介面

so fantastic so fun! 是不是很簡單呢?(沒錯,我死都不回 Line)

Android Chrome 步驟教學:一樣只要兩秒鐘~ ♫

1. 打開方格子,點擊右上角的這個按鈕

2. 點選「加到主畫面」

3. 按下「新增」

4. 回到主畫面點擊捷徑:享受更乾淨的閱讀介面

輕輕鬆鬆新增完畢!
未來無論是通勤時、閒暇時、躺在床上耍廢時、遠距開會時,只要簡單動動一根手指,馬上就可以遁入方格子,享受閱讀與文字!
其實,除了捷徑之外,PWA 還有其他強大又實用的功能,還在獅獅的秘密實驗室試驗中,看看這些新玩意兒是否能讓方格子變得更棒。格友們,是不是也和我們一樣期待呢 (●°u°●)​ 。

題外話:稻荷壽司 No.1

天氣變熱後,壽司店成了最常造訪的餐廳,我吃壽司只有一個原則,那就是稻荷壽司點爆。
其他朋友都很不解,同樣的價格可以吃到鮭魚、鮪魚或海貝,為什麼要點無聊的豆皮?還點三盤?
豆皮才不無聊,你才無聊 (`Д´),吸飽湯汁、微蘸醬油、鹹鹹甜甜的豆皮壽司是最棒的!
格友們的必點壽司又是什麼呢?
那麼,今天的開發誌就到這裡囉,希望下次見面時,我們已經看完新的獵人了(可以吧 ⋯⋯ 冨樫老師?),下次見!
為什麼會看到廣告
249.2K會員
2.8KContent count
哈囉,歡迎來到方格子 vocus 的官方沙龍! 在這裡你可以參與方格子 vocus 的發展旅程,接受到所有關於 vocus 的最新動態,包含平台重大功能更新、活動消息、各房間發佈的最新內容,甚至是徵才資訊等等,現在就按下「加入」,與 vocus 一起展開精彩的創作冒險吧!
留言0
查看全部
發表第一個留言支持創作者!
時光匆匆,距上次本獅以文會友已是快要兩個月前了( ̄. ̄)+ 今天發佈這篇,是因為本獅這兩個月在各種忙碌中,特別想要浮出水面向各位格友說說一個近期的大改動--交易流程換新囉!
春天終於到來,櫻花齊放的日子 (◕ᴗ◕✿),獅獅的程式之手終於可以從硬派寒冬中解脫,指尖脈動的鍵觸力道恢復約 80% 般行雲流水,都是為了迎戰絡繹不決的平台需求,也是為了讓方格子的平台更佳穩定與清新!
夠威格友們晚安昂~~(⁎⁍̴̛ᴗ⁍̴̛⁎) 今天來跟大家聊聊,台酒花雕雞麵有多好吃,遠端工作下,獅獅們一整天開發生活到底是怎樣呢?484 都懶得出門吃飯每天泡麵一直嗑呢?我們要來揭曉遠端工作下 心有靈犀的協作方式 遵照一定格式的紀錄方式 隨時抱團的溝通方式 成果導向的聚焦方式 心有靈犀的協作方式
在即將迎來舊曆新年的 2022 年年初,方格子站上又做了一些大型改版,會這麼努力在過年前調整(也不放過自己),為的就是讓大家在使用方格子時能夠感到更順暢啊!也許過年期間,除了大餐吃到飽,你還能在茶餘飯後創作幾篇文章、讀幾個專題,因此度過一個為身心都充飽電的年假! 趕快進來看看我們做了哪些調整吧!
從新版編輯器上線後到此時此刻,我們看到了作者群、讀者群都有很多熱烈的討論,也收到許多正反兩面的使用回饋,有操作問題回報、邏輯問題、小蟲問題,也有看到許多創作者對新功能感到驚喜萬分。 這些聲音,方格子都聽到了!
因為我們一直想讓各位創作者能夠「被自然曝光的機會」提升,因此從 2021 下半年,我們開啟了「加強 SEO 調校」這項重要專案,至今也做了數不清幾輪的優化。而這項目並沒有結案日,因為一旦踏入搜尋引擎機器人的世界裡,就沒有抽身的那天(咦?),也就是優化會持續 never end 地進行下去⋯⋯
時光匆匆,距上次本獅以文會友已是快要兩個月前了( ̄. ̄)+ 今天發佈這篇,是因為本獅這兩個月在各種忙碌中,特別想要浮出水面向各位格友說說一個近期的大改動--交易流程換新囉!
春天終於到來,櫻花齊放的日子 (◕ᴗ◕✿),獅獅的程式之手終於可以從硬派寒冬中解脫,指尖脈動的鍵觸力道恢復約 80% 般行雲流水,都是為了迎戰絡繹不決的平台需求,也是為了讓方格子的平台更佳穩定與清新!
夠威格友們晚安昂~~(⁎⁍̴̛ᴗ⁍̴̛⁎) 今天來跟大家聊聊,台酒花雕雞麵有多好吃,遠端工作下,獅獅們一整天開發生活到底是怎樣呢?484 都懶得出門吃飯每天泡麵一直嗑呢?我們要來揭曉遠端工作下 心有靈犀的協作方式 遵照一定格式的紀錄方式 隨時抱團的溝通方式 成果導向的聚焦方式 心有靈犀的協作方式
在即將迎來舊曆新年的 2022 年年初,方格子站上又做了一些大型改版,會這麼努力在過年前調整(也不放過自己),為的就是讓大家在使用方格子時能夠感到更順暢啊!也許過年期間,除了大餐吃到飽,你還能在茶餘飯後創作幾篇文章、讀幾個專題,因此度過一個為身心都充飽電的年假! 趕快進來看看我們做了哪些調整吧!
從新版編輯器上線後到此時此刻,我們看到了作者群、讀者群都有很多熱烈的討論,也收到許多正反兩面的使用回饋,有操作問題回報、邏輯問題、小蟲問題,也有看到許多創作者對新功能感到驚喜萬分。 這些聲音,方格子都聽到了!
因為我們一直想讓各位創作者能夠「被自然曝光的機會」提升,因此從 2021 下半年,我們開啟了「加強 SEO 調校」這項重要專案,至今也做了數不清幾輪的優化。而這項目並沒有結案日,因為一旦踏入搜尋引擎機器人的世界裡,就沒有抽身的那天(咦?),也就是優化會持續 never end 地進行下去⋯⋯
你可能也想看
Thumbnail
1.加權指數與櫃買指數 週五的加權指數在非農就業數據開出來後,雖稍微低於預期,但指數仍向上噴出,在美股開盤後於21500形成一個爆量假突破後急轉直下,就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後,週二或週三開始有無買單進場支撐,在沒有明確的反轉訊號形成前,小夥伴盡量不要貿然抄底,或是追空
Thumbnail
重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
心情蠻低落的, 因工作受傷快一年了, 雖然比我慘的人一堆!
Thumbnail
方格子重新開張,在美國參加的第一場研討會 不知不覺已經四個月沒寫文章了,重新養成寫作習慣大概不容易,希望暑假期間跟學分較少的下學期,能允許我至少兩週一更,今天是復出的第一篇文,決定要來分享自己在美國參加的第一場 Symposium:Neuromodulation Symposium。不過,在主
Thumbnail
滴藥散瞳前看煙火,抱歉,來不及等漲停,歡迎潘瑋柏/張韶涵 本蛙不小心又打了酸民一巴掌 現代 這個匆忙時代 雖然少了時間 但千萬不要倦怠 今天的事交給今天去做 因為明天才有很多時間一起去瘋 本想點播What a feeling,怕酸民水準太低,英文有點難……
Thumbnail
你好!我是來自香港的 Edmond,這是我第一篇在方格子出的原創文章,請多多指教。這篇文章會講述我為什麼要在方格子開始創作。
2023/6/27 1、聯發科K值跌破20 2、第一台車Civic,9歲生日
Thumbnail
我三篇文章站上方格子 Top5 而且是第一、第二與第四名,能有這樣的成績主要拜「臉書」之賜,具體講是過去一直以來我在臉書使用三個方法增加自己的名氣與實力,所以當我把文章推廣到臉書時產生令我自己也嚇一跳的成績
Thumbnail
寫作在方格子已經4個多月,在Matters 3個多月,算是一名寫作新手,最近聽到有兩位創作者在Matters吵架,我想導火線是A對方指名道名的批評B,重點是在公開平台批評,當事者一定不服氣,造成一連串的連鎖反應,讓不明白狀況的我很無言。
Thumbnail
2021-08-04那一天寫下在方格子第一篇文章職場上沒有真正的朋友,在職場上認識一位熱情浪漫大方女同事,雖然一開始我很熱情的待她,但我怎麼也沒有想到她會在5年後搶走我想要的職位,從一開始我們倆在不同部門到最後我變成她的下屬真的很難接受,友誼變質是必然的,我的世界陷入一片黑暗。 最黑暗的時期雖然傷心
Thumbnail
如果我們仔細推敲, 金錢故事的範圍,可能小到小時候偷吃糖 大到我們成年後的每一次用錢、理財習慣。 如果沒有嘗試說出對於【金錢】的感覺, 「錢會讓我害怕!」 「對我來說,錢夠用就好!」 「錢財乃身外之物咩~~」 我們很有可能困於曾經品嚐過的金錢故事中。 陳維妮X沙大白,透過兩次節目內容討論與示範 找出
Thumbnail
1.加權指數與櫃買指數 週五的加權指數在非農就業數據開出來後,雖稍微低於預期,但指數仍向上噴出,在美股開盤後於21500形成一個爆量假突破後急轉直下,就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後,週二或週三開始有無買單進場支撐,在沒有明確的反轉訊號形成前,小夥伴盡量不要貿然抄底,或是追空
Thumbnail
重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
心情蠻低落的, 因工作受傷快一年了, 雖然比我慘的人一堆!
Thumbnail
方格子重新開張,在美國參加的第一場研討會 不知不覺已經四個月沒寫文章了,重新養成寫作習慣大概不容易,希望暑假期間跟學分較少的下學期,能允許我至少兩週一更,今天是復出的第一篇文,決定要來分享自己在美國參加的第一場 Symposium:Neuromodulation Symposium。不過,在主
Thumbnail
滴藥散瞳前看煙火,抱歉,來不及等漲停,歡迎潘瑋柏/張韶涵 本蛙不小心又打了酸民一巴掌 現代 這個匆忙時代 雖然少了時間 但千萬不要倦怠 今天的事交給今天去做 因為明天才有很多時間一起去瘋 本想點播What a feeling,怕酸民水準太低,英文有點難……
Thumbnail
你好!我是來自香港的 Edmond,這是我第一篇在方格子出的原創文章,請多多指教。這篇文章會講述我為什麼要在方格子開始創作。
2023/6/27 1、聯發科K值跌破20 2、第一台車Civic,9歲生日
Thumbnail
我三篇文章站上方格子 Top5 而且是第一、第二與第四名,能有這樣的成績主要拜「臉書」之賜,具體講是過去一直以來我在臉書使用三個方法增加自己的名氣與實力,所以當我把文章推廣到臉書時產生令我自己也嚇一跳的成績
Thumbnail
寫作在方格子已經4個多月,在Matters 3個多月,算是一名寫作新手,最近聽到有兩位創作者在Matters吵架,我想導火線是A對方指名道名的批評B,重點是在公開平台批評,當事者一定不服氣,造成一連串的連鎖反應,讓不明白狀況的我很無言。
Thumbnail
2021-08-04那一天寫下在方格子第一篇文章職場上沒有真正的朋友,在職場上認識一位熱情浪漫大方女同事,雖然一開始我很熱情的待她,但我怎麼也沒有想到她會在5年後搶走我想要的職位,從一開始我們倆在不同部門到最後我變成她的下屬真的很難接受,友誼變質是必然的,我的世界陷入一片黑暗。 最黑暗的時期雖然傷心
Thumbnail
如果我們仔細推敲, 金錢故事的範圍,可能小到小時候偷吃糖 大到我們成年後的每一次用錢、理財習慣。 如果沒有嘗試說出對於【金錢】的感覺, 「錢會讓我害怕!」 「對我來說,錢夠用就好!」 「錢財乃身外之物咩~~」 我們很有可能困於曾經品嚐過的金錢故事中。 陳維妮X沙大白,透過兩次節目內容討論與示範 找出