AI News HubLIVE
站內改寫1 分鐘閱讀

simonw/browser-compat-db

受Mozilla新推出的MDN MCP服務啟發,Simon Willison將mdn/browser-compat-data倉庫中的瀏覽器相容性資料轉換為SQLite資料庫。他使用Claude Code for web (Opus 4.8)和sqlite-utils生成轉換指令碼,並透過GitHub Actions工作流將約66MB的資料庫部署到GitHub CDN,支援開放CORS頭,使用者可以直接下載或透過Datasette Lite線上探索。

2026年6月24日,Simon Willison在其部落格上釋出了一個名為simonw/browser-compat-db的新專案。該專案源於Mozilla新推出的MDN MCP服務,該服務提供了一種透過模型上下文協議訪問MDN文件的方式。受此啟發,Willison決定將Mozilla維護的全面瀏覽器相容性資料倉儲mdn/browser-compat-data轉換為SQLite資料庫,以便更便捷地訪問和查詢。

為了實現這一轉換,Willison利用了Claude Code for web(Opus 4.8)來生成Python指令碼。該指令碼依賴於他之前開發的sqlite-utils工具包,能夠將JSON格式的相容性資料高效地匯入SQLite資料庫。生成的資料庫檔案大小約為66MB,包含了大量關於瀏覽器、版本及特性支援的詳細資訊。

一個關鍵的挑戰是如何讓這個資料庫能夠透過GitHub CDN公開訪問,並且支援開放的CORS頭,以便其他應用能夠直接獲取資料。Willison注意到GitHub Releases並不提供CORS頭,但儲存在常規GitHub倉庫中的檔案預設支援CORS。於是他藉助Codex Desktop(GPT-5.5)構建了一個GitHub Actions工作流。該工作流在每次更新時自動構建資料庫檔案,然後將生成的browser-compat.db檔案強制推送到一個名為“db”的獨立孤兒分支上。這樣,資料庫檔案就託管在了GitHub的CDN上,並帶有開放的CORS頭。

使用者可以直接從GitHub倉庫的db分支下載該資料庫檔案,也可透過Datasette Lite線上工具進行互動式探索。Datasette Lite是一個基於Web的SQLite資料庫瀏覽器,支援SQL查詢,使得開發者能夠快速檢索特定瀏覽器版本的相容性資訊。例如,使用者可以查詢某個CSS屬性在哪些瀏覽器版本中受支援。

Willison的這一舉措展示瞭如何利用AI輔助程式設計工具(如Claude Code和Codex Desktop)與自動化工作流(GitHub Actions)相結合,將複雜的資料來源轉化為開放、可互動的資源。這不僅降低了前端開發中相容性查詢的門檻,也體現了AI在資料處理和工具構建中的潛力。

simonw/browser-compat-db | AI News Hub