Chrome 瀏覽器插件 Manifest.json V3 中權限（Permissions）字段解析
本文參與了SegmentFault 思否 2023 年度有獎徵文活動，歡迎正在閲讀的你也加入。 一、權限（Permissions） 再使用拓展程序的 API 時，大多數的時候，需要在 manifest.json 文件中聲明 permissions 字段。 一、權限類型 在 V3 版本中可以聲明以下類別的權限： permissions： 包含下面 permissions 權限列
月恆 日志
动态
列表
Chrome 瀏覽器插件從 Manifest V2 升級到 V3 版本所需要修改的點
本文參與了SegmentFault 思否 2023 年度有獎徵文活動，歡迎正在閲讀的你也加入。 一、Manifest V2 支持時間表 Chrome 瀏覽器官方已經給出確定的時間來棄用 V2 版本的插件了。 最早從 2024 年 6 月的 Chrome 127 開始，我們將開始停用 Chrome 的不穩定版本（開發者版、Canary 版和 Beta 版）中的 Manifest V2 擴展程序。
Chrome 瀏覽器插件 V3 版本 Manifest.json 文件全字段解析
本文參與了SegmentFault 思否 2023 年度有獎徵文活動，歡迎正在閲讀的你也加入。 Chrome 瀏覽器插件 V3 版本 Manifest.json 文件全字段解析 Manifest.json 文件格式 每個擴展程序的根目錄中都必須有一個 manifest.json 文件，其中列出了有關該擴展程序的結構和行為的重要信息。 1、Demo 展示 1. 最小文件 { "manife
Web 頁面性能衡量指標-以用户為中心的性能指標
Web 頁面性能衡量指標-以用户為中心的性能指標 以用户為中心的性能指標是理解和改進站點體驗的關鍵點 一、以用户為中心的性能指標 1. 指標是用來幹啥的？ 指標是用來衡量性能和用户體驗的 2. 指標類型 感知加載速度：網頁可以多快地加載網頁中的所有視覺元素並將其渲染到屏幕上 加載響應速度：頁面加載和執行組件快速響應用户互動所需的 JavaScript 代碼的速度 運行時響應速度：網頁在加載
Web 網頁性能及性能優化
Web 網頁性能及性能優化 一、Web 性能 Web 性能是 Web 開發的一個重要方面，側重於網頁加載速度以及對用户輸入的響應速度 通過優化網站來改善性能，可以在為用户提供更好的體驗 網頁性能既廣泛又非常深入 1. 為什麼性能這麼重要？ 1. 性能關乎留住用户 性能對於任何在線業務都至關重要 與加載速度緩慢、讓人感覺運行緩慢的網站相比，加載速度快並能及時響應用户輸入的網站能更好地吸引並留住用户
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
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
Electron 客户端項目自啓動
app.setLoginItemSettings 與 auto-launch 對比分析 一、穩定性對比 1. app.setLoginItemSettings 優點：作為Electron官方API，有官方維護和支持 缺點： 在某些Windows版本上存在已知問題 部分Windows 10/11更新後可能失效 在macOS權限更嚴格的版本上可能需要額外授權
Electron 開發：獲取當前客户端 IP
Electron 開發：獲取當前客户端 IP 一、背景與需求 1. 項目背景 客户端會自啓動一個服務，Web/後端服務通過 IP + port 請求以操作客户端接口 2. 初始方案與問題 2.1. 初始方案：通過代碼獲取本機 IP /** * 獲取局域網 IP * @returns {string} 局域網 IP */ export function getLocalIP(): string
使用 CRXJS 構建 Chrome 插件在 Chrome 瀏覽器升級到 130xxx 版本之後，出現CSP錯誤
使用 CRXJS 構建 Chrome 插件在 Chrome 瀏覽器升級到 130xxx 版本之後，出現 Content Security Policy 錯誤 一、前言 之前有個老哥找我寫了插件，到現在幾個月過去了，今天早上和我説 Chrome 瀏覽器報錯運行不起來了，但是 edge 瀏覽器沒問題。 就幫忙定位了下問題，發現是 Content Security Policy 的問題導致的報錯； 老
JS 中 structuredClone 和 JSON.parse(JSON.stringify()) 克隆對象的區別
JavaScript 中 structuredClone 和 JSON.parse(JSON.stringify()) 克隆對象的異同點 一、什麼是 structuredClone？ 1. structuredClone 的發展 structuredClone 是在 ECMAScript 2021（ES12）標準中引入的，ECMAScript 2021 規範正式發佈於 2021 年 6 月 自 2
Chrome 瀏覽器 133 版本新特性
Chrome 133 版本新特性 一、Chrome 133 版本瀏覽器更新 1. 在桌面和 iOS 設備上使用 Google Lens 進行搜索 管理員可以通過名為 LensOverlaySettings 的策略控制該功能的所有元素。 執行搜索時，屏幕截圖會被髮送到 Google 服務器，但不會與任何 ID 或賬户關聯，也不會被任何人查看，且其內容數據不會被記錄。 為了使搜索能夠結合用户當前瀏覽的
Chrome 瀏覽器 134 版本新特性
Chrome 134 版本新特性 一、Chrome 134 版本瀏覽器更新 1. 在桌面和 iOS 設備上使用 Google Lens 進行屏幕搜索 Chrome 版本 適用平台 發佈進度 Chrome 126 ChromeOS、Linux、macOS、Windows 1% 穩定版用户可使用該功能 Chrome
ChromeOS 133 版本更新
ChromeOS 133 版本更新 1. 增強託管用户的 Office 文件處理功能 從 ChromeOS 133 開始，託管用户 現在可以 無縫打開和編輯 Microsoft Office 文件（Word、PowerPoint、Excel），無論他們使用的是 Microsoft 365（Office for the web） 還是 Google Workspace。 1.1. 對不同用户的優化
ChromeOS 134 版本更新
ChromeOS 134 版本更新 一、ChromeOS 134 更新內容 1. ChromeOS 自助終端（Kiosk）模式支持隔離 Web 應用（Isolated Web Apps） 從 ChromeOS 134 開始，自助終端（Kiosk）模式支持 隔離 Web 應用（Isolated Web Apps，IWA），提供 更安全、更強大 的應用解決方案，並可 深度集成系統功能。 1.1. 主要
Chrome 133 版本開發者工具（DevTools）更新內容
Chrome 133 版本開發者工具（DevTools）更新內容 一、持久化的 AI 聊天記錄 AI 助手面板會在本地持久化聊天記錄，即使重新加載 DevTools 或 Chrome，也可以查看之前與 Gemini 的對話內容。 二、Performance 面板改進 此版本為 Performance 面板帶來了多項改進。 1. 圖像交付洞察 Performance Insights 選項卡可以
Chrome 134 版本開發者工具（DevTools）更新內容
Chrome 134 版本開發者工具（DevTools）更新內容 一、隱私與安全面板 舊的 Security 面板已演變為隱私與安全面板，並新增了一個專注於隱私的部分。在該部分中，可以： 在 DevTools 打開時，臨時限制第三方 Cookie（可帶或不帶例外），並測試網站在此情況下的表現。 查看一張表格，其中包含有關第三方 Cookie 的信息，包括它們是否被臨時限制模式攔截或豁免，以及
Chrome 135 版本瀏覽器更新
Chrome 135 版本新特性 一、Chrome 135 版本瀏覽器更新 1. 第三方託管賬户註冊遷移到 OIDC 授權碼流程 Chrome 135 將賬户註冊的登錄頁面從營銷網站遷移到動態網站，同時也將 OpenID Connect (OIDC) 的隱式流程遷移到授權碼流程。這樣做的目的是進一步提升第三方託管賬户的安全性和用户體驗。 2. iOS 版 Chrome 的下載內容自動刪除 iOS
Chrome 135 版本開發者工具（DevTools）更新內容
Chrome 135 版本開發者工具（DevTools）更新內容 一、性能（font style="color:rgb(32, 33, 36);"Performance/font）面板改進 1. 性能面板中的配置文件和函數調用現已顯示來源和腳本鏈接 Performance Summary（性能 概覽）選項卡現在會顯示配置分析（profile）和函數調用相關的腳本及來源鏈接，這樣就不需要再將鼠標
JS Navigator.sendBeacon 可靠的、異步地向服務器發送數據
JS Navigator.sendBeacon 可靠的、異步地向服務器發送數據 前言 我們在上一篇頁面訪問頁面關閉數據上報的文章中使用了 sendBeacon 方法用來發送數據，上篇文章是簡單使用，那本篇文章我們就詳細瞭解下這個東西。 一、Navigator.sendBeacon 是什麼能做什麼？ Navigator.sendBeacon 是一個用於發送少量數據到服務器的 API，尤其適用於在頁面