博客 / 列表

月恆 - Chrome 瀏覽器插件 Manifest.json V3 中權限（Permissions）字段解析

本文參與了SegmentFault 思否 2023 年度有獎徵文活動，歡迎正在閲讀的你也加入。 一、權限（Permissions） 再使用拓展程序的 API 時，大多數的時候，需要在 manifest.json 文件中聲明 permissions 字段。 一、權限類型 在 V3 版本中可以聲明以下類別的權限： permissions： 包含下面 permissions 權限列

2023-年度總結 , permissions , 瀏覽器 , chrome-extension , 前端

月恆 - Chrome 瀏覽器插件從 Manifest V2 升級到 V3 版本所需要修改的點

本文參與了SegmentFault 思否 2023 年度有獎徵文活動，歡迎正在閲讀的你也加入。 一、Manifest V2 支持時間表 Chrome 瀏覽器官方已經給出確定的時間來棄用 V2 版本的插件了。 最早從 2024 年 6 月的 Chrome 127 開始，我們將開始停用 Chrome 的不穩定版本（開發者版、Canary 版和 Beta 版）中的 Manifest V2 擴展程序。

2023-年度總結 , manifest.json , 瀏覽器 , chrome-extension , 前端

月恆 - Chrome 瀏覽器插件 V3 版本 Manifest.json 文件全字段解析

本文參與了SegmentFault 思否 2023 年度有獎徵文活動，歡迎正在閲讀的你也加入。 Chrome 瀏覽器插件 V3 版本 Manifest.json 文件全字段解析 Manifest.json 文件格式 每個擴展程序的根目錄中都必須有一個 manifest.json 文件，其中列出了有關該擴展程序的結構和行為的重要信息。 1、Demo 展示 1. 最小文件 { "manife

2023-年度總結 , manifest.json , chrome-extension , manifest , 前端

月恆 - Web 頁面性能衡量指標-以用户為中心的性能指標

Web 頁面性能衡量指標-以用户為中心的性能指標 以用户為中心的性能指標是理解和改進站點體驗的關鍵點 一、以用户為中心的性能指標 1. 指標是用來幹啥的？ 指標是用來衡量性能和用户體驗的 2. 指標類型 感知加載速度：網頁可以多快地加載網頁中的所有視覺元素並將其渲染到屏幕上 加載響應速度：頁面加載和執行組件快速響應用户互動所需的 JavaScript 代碼的速度 運行時響應速度：網頁在加載

性能優化 , 性能分析 , 性能 , 前端 , Javascript

月恆 - Web 網頁性能及性能優化

Web 網頁性能及性能優化 一、Web 性能 Web 性能是 Web 開發的一個重要方面，側重於網頁加載速度以及對用户輸入的響應速度 通過優化網站來改善性能，可以在為用户提供更好的體驗 網頁性能既廣泛又非常深入 1. 為什麼性能這麼重要？ 1. 性能關乎留住用户 性能對於任何在線業務都至關重要 與加載速度緩慢、讓人感覺運行緩慢的網站相比，加載速度快並能及時響應用户輸入的網站能更好地吸引並留住用户

性能監控 , 性能優化 , 性能 , 前端 , Javascript

月恆 - React Vite 項目增加 eslint 和 prettier

React Vite 項目增加 eslint 和 prettier Eslint 版本為 8.X 1. 安裝 8.X 版本的 eslint pnpm i eslint@^8.57.0 -D 2. 安裝其他包 pnpm add -D eslint-plugin-import prettier eslint-plugin-react eslint-plugin-react-hooks esli

react , eslint , prettier , 前端

月恆 - Vue Vite 項目增加 eslint 和 prettier

Vue Vite 項目增加 eslint 和 prettier Eslint 版本為 8.X 1. 安裝 8.X 版本的 eslint pnpm i eslint@^8.57.0 -D 2. 安裝 eslint 以及 prettier 以及一堆依賴 pnpm i eslint eslint-plugin-vue @vue/eslint-config-prettier prettier es

vue.js , eslint , prettier , 前端

月恆 - Electron 客户端項目自啓動

app.setLoginItemSettings 與 auto-launch 對比分析 一、穩定性對比 1. app.setLoginItemSettings 優點：作為Electron官方API，有官方維護和支持 缺點： 在某些Windows版本上存在已知問題 部分Windows 10/11更新後可能失效 在macOS權限更嚴格的版本上可能需要額外授權

electron-builder , electron , 前端 , Javascript

月恆 - Electron 開發：獲取當前客户端 IP

Electron 開發：獲取當前客户端 IP 一、背景與需求 1. 項目背景 客户端會自啓動一個服務，Web/後端服務通過 IP + port 請求以操作客户端接口 2. 初始方案與問題 2.1. 初始方案：通過代碼獲取本機 IP /** * 獲取局域網 IP * @returns {string} 局域網 IP */ export function getLocalIP(): string

node.js , ip地址 , electron , 前端

月恆 - 使用 CRXJS 構建 Chrome 插件在 Chrome 瀏覽器升級到 130xxx 版本之後，出現CSP錯誤

使用 CRXJS 構建 Chrome 插件在 Chrome 瀏覽器升級到 130xxx 版本之後，出現 Content Security Policy 錯誤 一、前言 之前有個老哥找我寫了插件，到現在幾個月過去了，今天早上和我説 Chrome 瀏覽器報錯運行不起來了，但是 edge 瀏覽器沒問題。 就幫忙定位了下問題，發現是 Content Security Policy 的問題導致的報錯； 老

gulp , chrome , chrome-extension , 前端

月恆 - JS 中 structuredClone 和 JSON.parse(JSON.stringify()) 克隆對象的區別

JavaScript 中 structuredClone 和 JSON.parse(JSON.stringify()) 克隆對象的異同點 一、什麼是 structuredClone？ 1. structuredClone 的發展 structuredClone 是在 ECMAScript 2021（ES12）標準中引入的，ECMAScript 2021 規範正式發佈於 2021 年 6 月 自 2

ecmascript-6 , clone , 前端 , Javascript

月恆 - Chrome 瀏覽器 133 版本新特性

Chrome 133 版本新特性 一、Chrome 133 版本瀏覽器更新 1. 在桌面和 iOS 設備上使用 Google Lens 進行搜索 管理員可以通過名為 LensOverlaySettings 的策略控制該功能的所有元素。 執行搜索時，屏幕截圖會被髮送到 Google 服務器，但不會與任何 ID 或賬户關聯，也不會被任何人查看，且其內容數據不會被記錄。 為了使搜索能夠結合用户當前瀏覽的

chrome , 瀏覽器 , 前端

月恆 - Chrome 瀏覽器 134 版本新特性

Chrome 134 版本新特性 一、Chrome 134 版本瀏覽器更新 1. 在桌面和 iOS 設備上使用 Google Lens 進行屏幕搜索 Chrome 版本 適用平台 發佈進度 Chrome 126 ChromeOS、Linux、macOS、Windows 1% 穩定版用户可使用該功能 Chrome

chrome , 瀏覽器 , 前端

月恆 - ChromeOS 133 版本更新

ChromeOS 133 版本更新 1. 增強託管用户的 Office 文件處理功能 從 ChromeOS 133 開始，託管用户 現在可以 無縫打開和編輯 Microsoft Office 文件（Word、PowerPoint、Excel），無論他們使用的是 Microsoft 365（Office for the web） 還是 Google Workspace。 1.1. 對不同用户的優化

chrome , 瀏覽器 , 前端

月恆 - ChromeOS 134 版本更新

ChromeOS 134 版本更新 一、ChromeOS 134 更新內容 1. ChromeOS 自助終端（Kiosk）模式支持隔離 Web 應用（Isolated Web Apps） 從 ChromeOS 134 開始，自助終端（Kiosk）模式支持 隔離 Web 應用（Isolated Web Apps，IWA），提供 更安全、更強大 的應用解決方案，並可 深度集成系統功能。 1.1. 主要

chrome , 瀏覽器 , 前端

月恆 - Chrome 133 版本開發者工具（DevTools）更新內容

Chrome 133 版本開發者工具（DevTools）更新內容 一、持久化的 AI 聊天記錄 AI 助手面板會在本地持久化聊天記錄，即使重新加載 DevTools 或 Chrome，也可以查看之前與 Gemini 的對話內容。 二、Performance 面板改進 此版本為 Performance 面板帶來了多項改進。 1. 圖像交付洞察 Performance Insights 選項卡可以

chrome , 瀏覽器 , chrome-devtools , 前端

月恆 - Chrome 134 版本開發者工具（DevTools）更新內容

Chrome 134 版本開發者工具（DevTools）更新內容 一、隱私與安全面板 舊的 Security 面板已演變為隱私與安全面板，並新增了一個專注於隱私的部分。在該部分中，可以： 在 DevTools 打開時，臨時限制第三方 Cookie（可帶或不帶例外），並測試網站在此情況下的表現。 查看一張表格，其中包含有關第三方 Cookie 的信息，包括它們是否被臨時限制模式攔截或豁免，以及

chrome , 瀏覽器 , chrome-devtools , 前端

月恆 - Browser-use：基於 Python 的智能瀏覽器自動化 AI 工具調研與實戰

Browser-use：基於 Python 的智能瀏覽器自動化 AI 工具調研與實戰 一、概述 Browser-use 是一個旨在將 AI “智能體”（Agents）與真實瀏覽器進行交互的 Python 庫，可以輕鬆實現瀏覽器自動化。在配合 LLM（如 GPT 系列）使用時，瀏覽器-use 能夠讓你的智能體發起對網頁的訪問、操作頁面元素、收集信息、執行腳本等，從而擴展 AI 應用的落地場景。

llm , 數據挖掘 , 瀏覽器 , 人工智能 , Python

月恆 - Chrome 135 版本瀏覽器更新

Chrome 135 版本新特性 一、Chrome 135 版本瀏覽器更新 1. 第三方託管賬户註冊遷移到 OIDC 授權碼流程 Chrome 135 將賬户註冊的登錄頁面從營銷網站遷移到動態網站，同時也將 OpenID Connect (OIDC) 的隱式流程遷移到授權碼流程。這樣做的目的是進一步提升第三方託管賬户的安全性和用户體驗。 2. iOS 版 Chrome 的下載內容自動刪除 iOS

chrome , 瀏覽器 , 前端

月恆 - Chrome 135 版本開發者工具（DevTools）更新內容

Chrome 135 版本開發者工具（DevTools）更新內容 一、性能（font style="color:rgb(32, 33, 36);"Performance/font）面板改進 1. 性能面板中的配置文件和函數調用現已顯示來源和腳本鏈接 Performance Summary（性能 概覽）選項卡現在會顯示配置分析（profile）和函數調用相關的腳本及來源鏈接，這樣就不需要再將鼠標

chrome , 瀏覽器 , chrome-devtools , 前端

月恆 - JS Navigator.sendBeacon 可靠的、異步地向服務器發送數據

JS Navigator.sendBeacon 可靠的、異步地向服務器發送數據 前言 我們在上一篇頁面訪問頁面關閉數據上報的文章中使用了 sendBeacon 方法用來發送數據，上篇文章是簡單使用，那本篇文章我們就詳細瞭解下這個東西。 一、Navigator.sendBeacon 是什麼能做什麼？ Navigator.sendBeacon 是一個用於發送少量數據到服務器的 API，尤其適用於在頁面

sendbeacon , fetch , Ajax , 前端 , Javascript

月恆 - NextJS CVE-2025-29927 安全漏洞

NextJS CVE-2025-29927 安全漏洞 CVE-2025-29927 是一個存在於 Next.js 框架中的關鍵安全漏洞。該漏洞允許攻擊者通過偽造或篡改 x-middleware-subrequest 請求頭，繞過中間件（Middleware）的安全檢查，從而訪問到原本受保護的路由或 API，進而導致授權繞過（Authorization Bypass）以及潛在的更深層次安全風險。本篇

react , middleware , next.js , 安全漏洞 , 前端

月恆 - Cron 表達式用法

Cron 表達式 一、概述 Cron 表達式 是一種用於定義定時任務調度的標準語法，廣泛應用於 Linux 系統中的定時任務管理器 cron。它通過一組字段指定任務的執行時間，靈活地控制任務在特定時間點的運行。 在 cron 中，任務的調度時間通過 cron 表達式 來指定，它由 5 到 6 個字段組成（具體取決於環境）。每個字段表示時間單位（分鐘、小時、日期等），用來描述任務的執行計劃。 二、C

crontab , cron , 前端 , Javascript

月恆 - Electron 客户端心跳定時任務調度庫調研文檔 - Node.js 任務調度庫技術調研文檔

Electron 客户端心跳定時任務調度庫調研文檔 - Node.js 任務調度庫技術調研文檔 本文將對七個流行的定時任務調度庫：node-cron、rxjs、bull、node-schedule、agenda、bree、cron。這些庫都可以用來處理定時任務，但它們的特點和適用場景有所不同。我們將從以下幾個方面進行詳細對比： 功能 優缺點 使用場景 簡易度 下載使用量

定時任務 , node.js , electron , 前端 , Javascript