一個本來放著不動的網站，在 AI-coding 出現之後，自然長出了一些更順手的管理方式 2026/01/30 本篇文章分享了一個原本由靜態 JSON 與 jQuery 構成的簡單貓咪地圖網站，如何透過 AI 協作在大開發時代下進行功能升級。作者詳細介紹了利用 Google Maps API 自動爬取店家資料、透過 Python 與 Chrome 擴充套件輔助店家資產審核，以及開發專屬 LINE 聊天機器人來提升資料更新效率的過程。文中也同步探討了 Chrome 144 新推出的 HTML 元素在實際應用中的優缺點與注意事項。... 繼續閱讀 使用者介面網頁設計軟體產品體驗#ai#api#geolocation#google#Line#map#SEO#爬蟲
有了 Chrome DevTools MCP，AI 再次學會了睜眼說瞎話 2025/09/26 探索 Chrome DevTools 最新的 MCP 功能如何整合 AI，為 Playwright MCP 這類網頁自動化帶來革命性變革。但當 AI 介入測試與開發流程，我們該全盤相信嗎？本文將透過實測經驗和工具比較，剖析其「睜眼說瞎話」的瞬間。誠邀各位 Web 開發者與 AI vibe coder 閱讀此文，獲取更具深度的開發者思維，審慎評估 AI 自動化工具的真實效益。... 繼續閱讀 網頁設計軟體產品體驗#ai#api#chrome#css#form#google#pagespeed#RWD#UserAgent#Web#爬蟲
如果要做一個「離我最近可以騎的共享機車」線上服務 2019/11/16 幾年前，在 Facebook 上面看到一位大大表演，上網瀏覽露天會員中心時，開啟了瀏覽器的 Developer tool，改了一串東西後，整個會員中心的資料就變成別人的。那時候林北的露天帳號剛好被盜，瀏覽器的 Developer tool 我也有，網頁程式技術我也略懂，怎麼沒想到這樣用？從此打開了開關，不相信任何人寫的程式，自己寫的程式也可能全是坑….前陣子看到那位追蹤已久的大大又發了一篇共享機車服務某種程度上可以用來窺探隱私遭許多人抨擊... 繼續閱讀 網頁設計軟體產品體驗#api#gogoro#irent#map#個資外洩#共享機車#爬蟲
