[S18_WearComp] PWA Lab 資工四甲 403261687 楊章豪

Group content visibility: 
Use group defaults
Groups audience: 

1.截圖(https://azure841023.github.io/pwa/

電腦畫面

 主畫面

 icon & pwa名稱

手機畫面

    

效能截圖

 

2.說明功能 或 說明與範例不同的地方

顯示各個我自己喜歡的動漫列表推薦,小圖點開之後會有完整圖呈現,標題下方附上wiki連結。不過不知道是因為manifest.json沒弄好,還是缺少 service worker的處理,總之如果是離線狀態下的話,點 icon只會呈現離線狀態而沒有畫面。

3.心得

說實話,我自己因為完全沒碰過 web的內容 (也沒修過課),導致 html , css, javascript 全都沒概念,所以對於原定範本的東西我完全不知道該怎麼改怎麼操作,因此本來打算放棄這作業。不過有朋友找到了個比較簡易而且還算詳細的教學,所以才勉強用樣板生了個屍體出來。不過 manifest.json 這好像是個對於pwa來說很重要的東西,但是怎麼弄都弄不好讓人有點不爽。

覺得這東西有趣,但是也很煩。不過透過這次作業,稍微會了一點點 github的操作 (用在發佈上),有收穫。