相較於 2015 年曾經寫過的一篇文「Dcard – 前端框架網站( AngularJS )的搜尋引擎優化( SEO )挑戰」 那時候分析 Dcard 網站要如何辦到 SEO 時發現他們是採用「特定餵食」的做法去針對各大搜尋引擎的爬蟲獨立產出內容並餵食。 如今，這篇分享「使用HeadlessChro …
標籤彙整: WebApp
Dcard – 前端框架網站( AngularJS )的搜尋引擎優化( SEO )挑戰
這個大概是用JavaScript開始寫 WebApp 之後就會想到要怎麼突破比較好的一個主題。 有寫過 WebApp 而且是以 前端網站框架(JavaScript) 為主的話，會在 SEO 上發現一件事，就是 Google 跟 Facebook 都認不出他的樣子阿阿阿阿！ 對，沒錯。 爬蟲( Cra …
應用 FireBase API 快速開發 WebApp
現在有好多說 WebApp 快速開發 blahblah的技術，充其量就是寫作速度上的修正或是工具應用的提升 就經驗上來說，很多都是開發工具或知識的結合，然後應用於開發上 前幾天看到 六萬七職缺網 介紹裡提到的 FireBase 這 WebApp 工具，一看介紹與使用發現其強大真是驚為天人阿XD 一般 …
Chrome Extensions 外掛開發筆記
說是筆記，其實只能算是先把找到的資料給先紀錄一下而已。最近實在是沒時間好好的研究這玩意兒～ 關於 Chrome 外掛也有不少人碰，可以由下面連結切入 Chrome Extensions (外掛) 開發入門筆記 Chrome插件（Extensions）开发攻略 Developing Google Ch …
當 AngularJS POST方法碰上PHP
問題描述 怎麼 POST 過去給 PHP 都收不到資料？ $_POST 方法取不到正確的傳入值！ 原理說明 AngularJS 這套 framework 使用的 AJAX 方法中，資料傳遞的格式為 JSON，送出去的header為 Content-Type: application/json 而非 …
WebApp 開發時的 Debug 工具
一句話完結主題「一Chrome在手，希望無窮」! Chrome瀏覽器在前端的有給開發者一個好東西，用「F12」可以呼叫出來 長這樣 Elements 觀察DOM的狀態 Network 觀察網路活動，與請求狀態 Resources 觀察網頁儲存的活動狀態 Console JavaScript在DOM裡 …