讓 Line 網頁版開機自動登入+全螢幕顯示

上一篇「 讓 Line 網頁版能開機自動執行 」留下的小問題是,Line 網頁版每次開機都得重新輸入密碼,本篇將說明如何將這件事程式化,可以開機自動執行,並優化操作界面。 不過必須先提醒,本篇流程包含的知識與技術很複雜,若沒有相當的 Javascript 基礎不容易理解,所以不...
繼續閱讀全文FB 社團爬蟲實作範例﹍使用 Node.js 操作 Puppeteer

過去取得 Facebook 社團貼文的方法為「 訂閱FB社團通知郵件 」,然後利用 Gmail 設定關鍵字篩選,挑出真正需要的貼文內容,整個優化流程記錄在「 操作 Google Apps Script 定時過濾 FB 社團郵件通知 」。 不過這套流程最近碰了壁,不知為何 Fac...
繼續閱讀全文如何使用 Node.js 播放 mp3 聲音檔(作為提醒音效)?

原本認為 Node.js 播放 mp3 音效是很簡單的一件事,畢竟在瀏覽器連寫 js 都不需要,HTML5 內建的 Audio 就能播放各種音檔。然而安裝了一大堆 Node.js 模組後卻都不成功,不知道問題出在哪。 Google 找答案的過程發現,很多人無法理解為何有這樣的需...
繼續閱讀全文使用 Node.js 操作 Google Sheets API 讀寫試算表資料庫

過去一向使用 Google Apps Script(簡稱GAS) 存取 Google 試算表,可參考系列文章「 用 GAS 操作試算表 」,且「 操作 Google Sheets API 讀取 Google 試算表 」也說明過, Sheets API 無法對資料進行篩選、搜尋,所...
繼續閱讀全文使用 Node.js 爬蟲定期抓網頁資料,結合 Google 試算表作為資料庫

上一篇「 Node.js 爬蟲開發新手技巧﹍Google Apps Script 替代品 」說明了為何我選擇 Node.js 作為爬蟲程式,並搭配 Google 試算表這個免費雲端資料庫,只要學會 Javascript 就能通吃「前端+後端+資料庫」,非常方便好上手。 閱讀本篇...
繼續閱讀全文Node.js 模組安裝完卻無法引用的最佳解法

寫完前一篇「 Node.js 爬蟲開發新手技巧 」後發現,在不同的資料夾執行程式碼,有的可以正常執行,有的會報錯「Cannot find module 'xxxxx'」表示找不到第三方模組。 研究後才發現,Node.js 讀取第三方模組有其 SOP,若在系統預設...
繼續閱讀全文Node.js 爬蟲開發新手技巧﹍Google Apps Script 替代品

過去一直使用「 Google Apps Script 製作網頁爬蟲程式 」,並配合「 Google 試算表做為資料庫 」,基本上不但免費、可應付大多數的需求,同時 Google 試算表還很強大,操作起來不但方便,只要能上網的地方就可使用,省下雲端同步的麻煩,比 Excel 方便太...
繼續閱讀全文Sublime Text 檢測 JS 最佳工具 ESLint﹍安裝 + 設定技巧

一直以來使用 Sublime Text 3(簡稱 ST3)檢查 Javascript 錯誤的工具是「 JSHint Gutter 」,優點為執行快速、圖形介面操作友善、自訂參數完善,沒想過有可能要放棄他的一天。 基於網路環境所發展的技術實在進展太快,也可說是變化...
繼續閱讀全文Google Apps Script 網頁爬蟲麻煩事交給 Cheerio 解決,輕鬆解析 HTML 與 XML

之前用 Google Apps Script(簡稱 GAS)製作網頁爬蟲程式,為了解析 HTML 與 XML 分別寫了兩篇心得: Google Apps Script 爬網頁資料,解析 HTML 及操作 DOM 的技巧 Google Apps Script 使用 XmlSe...
繼續閱讀全文利用 Chrome 對 iOS 裝置進行除錯(iPhone、iPad)的絕佳方案

前端開發非常頭痛的是,除了跨瀏覽器的問題,各種行動裝置的效果也可能不一樣。其中最麻煩的,算是針對蘋果 iOS 裝置進行偵錯 debug。 資本夠粗的話最好,各種蘋果筆電、平板、手機都買上一台。但 iPhone、iPad 的問題是,就算硬體有了,debug 流程也沒有 Wind...
繼續閱讀全文