訂閱電子報∣ 友善列印字體大小 文章分享-Facebook 文章分享-Plurk 文章分享-Twitter
Site-specific browser(特定網站瀏覽模式)之簡介與相關應用
資策會Find研究員:李啟榮
獲取產業訊息零時差!立即訂閱電電公會電子報。

隨著搜尋引擎、社交、電商、網銀、報稅等新型態網路服務的興起,網站平臺也針對PC、手機、平板電腦等作業系統,開發專門的應用程式,讓使用者登入及操作;然而隨著雲端服務網站的快速發展,網站前端也要提供與行動App、PC端應用程式接近的操作方式,以解決跨平臺運作議題。
因此,以瀏覽器為框架運作的「特定網站瀏覽模式(Site-specific browser, SSB)」,可呈現出類似PC端/行動應用程式的介面布局和操作方式,使SSB網站更易於跨平臺運作,在不同平臺上提供更加一致的使用體驗流程。 
【SSB框架的特點:將網頁包裝成類似應用程式的外觀,並以瀏覽器執行】
SSB是一種將網站以瀏覽器模擬出接近桌面端應用程式的網站UI介面及UX互動模式,除了保留既有網站前端的完整功能以外,也能直接建立桌面捷徑,啟用支援SSB的網站。藉由SSB機制能提供獨立運行的瀏覽器SSB框架,簡化PC端瀏覽器的複雜介面、免安裝應用程式外,也保有與行動裝置端網頁、行動裝置App更為一致化的使用體驗,提升跨平臺操作性。
另外,SSB瀏覽模式相較於傳統瀏覽器,以及需要下載安裝的App相比,有如後差異點,以凸顯SSB的特色:
1.SSB模式可進行網站前端介面布局和瀏覽器工具列的簡化,將支援SSB的網站包裝成類似應用程式的外觀,並保留原始網站的各項功能。
2.由於SSB瀏覽模式以瀏覽器運行,有利於跨瀏覽器、跨平臺運作,提供更為一致性的操作方式、減少相容性問題。
3.SSB瀏覽模式藉由瀏覽器運作網站各項功能,可減少另外開發、下載專門App的需求。 
【SSB在不同瀏覽器的運作範例:Chrome & Firefox】
1.Chrome的SSB機制:「漸進式網路應用程式(Progressive Web App, PWA)」,其發展自Chrome外掛套件、Chrome App,而PWA則類似於Google Chrome瀏覽器上的「Chrome App」,將網站應用服務以瀏覽器框架,包裝成由瀏覽器運行的「應用程式」,並針對支援SSB框架的網站,簡化瀏覽器工具列,並提供接近Chrome Apps的操作方式。 
2.Firefox的SSB機制:將網站封裝為獨立運作視窗,可在啟用SSB功能後,於超連結輸入框下拉選單中,執行SSB瀏覽模式,將支援SSB的網站包裝成以瀏覽器運行的獨立頁面,以提供接近行動端或PC端應用程式的使用方式,增進跨平臺操作體驗流暢性。
【小結】
以瀏覽器執行的SSB網站,有別於傳統應用程式(如Windows 10 Store)與手機App(如Google Play、iOS App Store),藉由瀏覽器提供SSB運作框架,讓SSB網站全程在瀏覽器和網際網路執行,以減少安裝應用程式在硬體空間和性能等需求,確保操作上的一致性和流暢性。
未來SSB將朝向PWA發展,並且Chrome將捨棄Chrome App並逐步改用PWA,PWA可提供載入優化、離線工作、新增螢幕捷徑、全螢幕模式、推送網站通知(Push notification)等相較於Chrome App更豐富實用的功能;藉由網站和瀏覽器的SSB應用逐漸普及,除了減少本機端應用程式的安裝需求以外,未來SSB網站服務有望更為集中朝雲端主機進行各項資料處理、運算與交換,減少使用者設定上的麻煩,同時減少使用者存取SSB網站服務的門檻。
資料來源:
1.Braun, A. (2020, March 31). How to Enable the Site-Specific Browser (SSB) in Firefox. Retrieved April 19, 2020, from MakeTechEasier: https://www.maketecheasier.com/enable-site-specific-browser-firefox/
2.(2019年12月14日). Mozilla Firefox 73新功能:可指定瀏覽器打開特定網站. 2020年4月21日 擷取自 CNBeta: https://www.cnbeta.com/articles/tech/921625.htm
3.Laforge, A. (2020, January 15). Moving Forware from Chrome Apps. Retrieved April 21, 2020, from Chromium Blog: https://blog.chromium.org/2020/01/moving-forward-from-chrome-apps.html
4.Tkachenko, S. (2020, February 12). Enable Site Specific Browser in Firefox. Retrieved April 19, 2020, from Winaero: https://winaero.com/blog/enable-site-specific-browser-in-firefox/
5.(2020, February 28). Site-specific browser. Retrieved April 19, 2020, from Wikipedia: https://en.wikipedia.org/wiki/Site-specific_browser
6.梅問題教學網. (2019年5月20日). 密技!Chrome 開啟Progressive Web Apps(PWA),一鍵將PWA網頁變成應用程式. 2020年4月21日 擷取自 梅問題教學網: https://www.minwt.com/pc/21587.html

訂閱電子報 友善列印 字體大小:
獲取產業訊息零時差!立即訂閱電電公會電子報。