guoqkmiss的博客

为了延长 Chromebook 的使用寿命，ChromeOS 135 引入了一项全新的电池充电限制策略 —— DevicePowerBatteryChargingOptimization，可提供更多充电优化选项，从而有效降低电池老化风险并提升长期可靠性。

Performance 面板现在支持将鼠标悬停在 Call tree（调用树）或 Bottom-up > Heaviest stack（自底向上 > 最重调用栈）侧边栏中的项时，在 Main 轨道中高亮显示对应内容，并自动淡化其他内容。启用字段数据后，Performance > Insights > LCP by phase（按阶段划分的最大内容绘制）洞察项现在会在额外的表格中显示来自 Chrome 用户体验报告的第 75 百分位图像加载时间，可以直接在该洞察中对比各阶段的加载时间。

Chrome 135 将账户注册的登录页面从营销网站迁移到动态网站，同时也将的隐式流程迁移到授权码流程。这样做的目的是进一步提升第三方托管账户的安全性和用户体验。iOS 版 Chrome 浏览器的用户现在可以选择按照预设时间自动删除下载内容。此功能有助于提升与存储容量相关的设备性能，并通过自动删除用户可能遗忘的下载文件来增强隐私保护。Chrome 135 引入了一个全新的客户端模型，以更好地解析网页上的密码表单，从而提高检测和自动填充的准确性。你可以通过策略来控制此功能。

Browser-use 让 AI 与浏览器的结合变得更便捷，能够快速构建出“会浏览网页、抓取信息、进行动态交互”的智能体。只需简单的配置与几行代码，就能让 LLM 自动处理网页操作，为项目带来更多可能性。使用 Python >= 3.11；安装并配置好 Playwright；在主代码中初始化 Agent 并提供 LLM；在 .env 中存放 API Keys；

Chrome 134 Devtools 更新

AI 助手面板会在本地持久化聊天记录，即使重新加载 DevTools 或 Chrome，也可以查看之前与 Gemini 的对话内容。此版本为 Performance 面板带来了多项改进。Performance > Insights 选项卡可以突出显示文件大小可进一步优化的图像。单击洞察中的图像，即可在 Network track 中查看它的高亮显示。要选择偏好风格，在面板右上角点击帮助按钮，然后选择或。该快捷键对话框还提供了一张可用快捷键的速查表。

ChromeOS 134 版本更新

Chrome OS 133 版本更新

企业定制化ChromeWebStore管理员现在可以使用新设置定制ChromeWebStore以适应他们管理的用户，包括以下功能：添加公司标志添加首页横幅和自定义公告策划扩展集合实施基于类别的控制这些设置可以通过管理员控制台进行配置，并且对所有已登录的管理用户（使用受管Google帐户登录到ChromeWebStore的用户）可用。

在iOS上使用GoogleLens搜索在Chrome132版本中，开始在所有平台上推出这一功能。

获取逻辑和《Chrome 浏览器插件获取网页 window 对象》中的方案一一样，有兴趣的可以试下其他方案我这是本地 iframe URL，如果你的 URL 是网页链接，可以在 index.js 中嵌入 lucky.js 做延迟处理如果你的 iframe URL 是动态的，比如，点击 tab，切换 URL，则可以在 index.js 中进行 MutationObserver 监听。

使用 Gemini 调试 Network、Source 和 PerformanceChrome 131 可以使用 Gemini 调试 CSS，现在可以调试更多模块了与元素面板中的右键菜单类似，要打开 AI 辅助面板并开始与 Gemini 的聊天，可以通过以下方式操作：在 Network 面板中，右键点击一个网络请求并选择“Ask AI”，或点击该请求旁边的“Ask AI”按钮。在 Sources > Page 选项卡中，右键点击一个文件并选择“Ask AI”，或点击该文件旁边的“Ask AI”按钮。

ChromeOS Flex 自动注册在 ChromeOS 131 中，ChromeOS Flex 的自动注册功能现已允许大规模部署 ChromeOS Flex 设备。与 ChromeOS 零接触注册类似，自动注册将通过组织管理员创建的注册令牌嵌入到 ChromeOS Flex 镜像中。这将决定设备在初次设置时将注册到哪个客户组织和组织单位。

使用 Gemini 调试 CSSChrome DevTools 现在推出了一个新的实验性 AI 辅助面板，可以与 Gemini 聊天并获得帮助来调试 CSS。在 Elements 面板中，右键点击一个元素并选择Ask AI，或者点击该元素旁边的对应按钮，DevTools 会打开新的 AI 辅助面板。

在 iOS 上使用 Google Lens 搜索自 Chrome 126 版本以来，用户可以通过 Google Lens 搜索屏幕上看到的任何图片或文字。要使用此功能，请访问网站，并点击聚焦时出现在地址栏的 Google Lens 搜索按钮，或者点击桌面右键菜单、桌面和移动端的三点菜单。用户可以在屏幕上任意点击、选中或拖动以搜索内容，并通过在搜索框中添加关键词或问题来优化搜索。管理员可以通过名为 LensOverlaySettings 的策略控制此功能。

网络面板获新增了一些过滤条件，这些过滤条件是根据反馈重新设计的，特定于类型的过滤条件保持不变，即在简洁的多选栏中显示一组标记。可以通过 Cmd/Ctrl 键 + 点击来多选类型过滤条件。为了简化界面，我们将与隐藏、屏蔽和第三方相关的复选框移到了下拉列表下方。该列表包含一个数字，表示下拉菜单下已选中的过滤条件数量。

此次报错是由于 chrome 浏览器升级之后，安全策略变更导致的；使用 CRX JS 打包 chrome 插件都会遇到这个报错，已经有老哥在 crxjs 的 github 上提交 issue 了；此次解决方案也是从这个 issue 上面找的；之前做过 chrome 浏览器版本发行说明，但是后面有事就耽搁了，现在觉得还是得提起来，这样能有效跟进版本迭代和一些坑，不至于出现问题手忙脚乱。

提供了更广泛的数据类型支持和对循环引用的处理能力，适用于复杂场景适合处理简单、JSON兼容的数据结构，但在处理复杂数据类型或循环引用时有局限性两者都有限制，克隆的时候需要关注下克隆对象的数据类型再做选择。

最近有个需求，是在浏览器插件中获取window对象下的某个数据，当时觉得很简单，和document一样，直接通过嵌入直接获取，然后使用发送数据到插件就行了，结果发现不是这样滴…在这里不推荐使用进行注入，很可能会报错：😗Chrome 浏览器插件获取网页 window 对象（方案一）Chrome 浏览器插件获取网页 window 对象（方案二）获取当前页面下的 window 对象和 document 对象不一样，需要另外的处理方式。

最近有个需求，是在浏览器插件中获取window对象下的某个数据，当时觉得很简单，和document一样，直接通过嵌入直接获取，然后使用发送数据到插件就行了，结果发现不是这样滴…在这里不推荐使用进行注入，很可能会报错：Chrome 浏览器插件获取网页 window 对象（方案一）

最近有个需求，是在浏览器插件中获取window对象下的某个数据，当时觉得很简单，和document一样，直接通过嵌入直接获取，然后使用发送数据到插件就行了，结果发现不是这样滴…

预加载扫描程序的角色是推测性，也就是说，它会检查原始标记，以便查找资源，以便在主要HTML解析器发现之前抓取相应资源预加载扫描程序是一种浏览器优化，采用辅助HTML解析器的形式，可扫描原始HTML响应，以找出并推测性地提取资源，然后主HTML解析器才会发现这些资源为了充分利用预加载扫描器，服务器发送的HTML标记中应包含关键资源。由CSS使用属性加载的图片。这些图片引用位于CSS中，预加载扫描器无法发现这些引用动态加载的脚本，采用元素标记（使用JavaScript注入DOM。

FCP：从网页开始加载到网页内容的任何部分呈现在屏幕上所用的时间。首次内容绘制 (FCP) 是一项以用户为中心的重要指标，用于衡量感知的加载速度。它标记了网页加载时间轴中用户可以看到屏幕上任何内容的第一个点。FCP衡量的是从用户首次导航到相应网页到该网页的任何部分呈现在屏幕上所用的时间。对于此指标，内容是指文本、图片（包括背景图片）、元素或非白色元素。LCP：从网页开始加载到屏幕上呈现最大的文本块或图片元素所用的时间LCP。

VitePress 构建的博客如何部署到 Netlify 平台

水印技术调研显示，水印在保护版权、信息标识和安全保护方面具有重要作用。通过CSS、JavaScript或第三方库，可以实现页面水印功能。过多或显眼的水印可能影响用户体验，而性能和兼容性也是考虑的因素。综合评估水印的利弊，可结合实际需求谨慎选择适合的实现方式。如果需求有更复杂的水印，可以按步骤去改即可。

Chrome 93 版本新特性& 93 版本发行说明一、Chrome 93 浏览器更新SyncXHR 策略不再可用Chrome 93 删除了 AllowSyncXHRInPageDismissal。新 RelaunchWindow 策略RelaunchWindow 策略允许管理员在 Chrome 重新推出给力的更新申请指定的时间窗口。新的 JavaScript JIT 设置策略Chrome 93 引入了三个新策略：默认 JavaScriptJit 设置JavaSc

Chrome 92 版本新特性& 92 版本发行说明Chrome 92: July 20, 2021一、Chrome 92 版本浏览器更新Chrome 阻止端口 989 和 990Chrome 92 将端口 989 (ftps-data) 和 990 (ftps) 添加到受限端口列表并阻止通过它们的流量。这不会影响使用标准端口的客户，但使用非标准端口的自定义配置可能会受到影响。Chrome 在隐私沙盒设置中添加了 FLoC 控件Android 版 Chrome 包含用于网络钓

V8 release v9.1 04 May 2021 releaseV8 release v9.1Chrome V8 于 5 月 4 号发布 v9.1 版本，带来几个新特性一、Top-level await (顶层 await)Top-level await is enabled by default in V8 starting with v9.1 and is available without --harmony-top-level-await.一句话就是：我们可以在模块顶级中使用.

Chrome 浏览器于 2021 年 5 月 25 号发布了 91 版本，新增了不少特性。1、Chrome 浏览器更新说明Chrome 暂停了折叠的标签组Chrome 阻止了端口 10080，并添加了允许特定端口的策略Chrome 启用了量子计算机安全防护Chrome 不再允许 TLS 1.0 或 TLS 1.1当用户登录操作系统时，PWA 可以启动如果用户在已知的网络钓鱼站点上重复使用保存的密码，则 iOS 上的 Chrome 会警告用户Chrome 引入了 initial_pref.

1、Google 翻译浏览网页时可轻松查看翻译版本。支持 53 种语言Bahasa Indonesia, Bahasa Melayu, Deutsch, English, English (UK), Filipino, Français, Kiswahili, Nederlands, Norsk, Tiếng Việt, Türkçe, català, dansk, eesti, español, español (Latinoamérica), hrvatski, italiano, latvi

1、Google 翻译浏览网页时可轻松查看翻译版本。支持 53 种语言Bahasa Indonesia, Bahasa Melayu, Deutsch, English, English (UK), Filipino, Français, Kiswahili, Nederlands, Norsk, Tiếng Việt, Türkçe, català, dansk, eesti, español, español (Latinoamérica), hrvatski, italiano, latvi

XSS 攻击和 CSRF 攻击1、XSS 攻击1. 概念XSS（Cross Site Scripting）：跨域脚本攻击。2. 原理不需要你做任何的登录认证，它会通过合法的操作（比如在 url 中输入、在评论框中输入），向你的页面注入脚本（可能是 js、hmtl 代码块等）。3. 防范编码；对于用户输入进行编码。过滤；移除用户输入和事件相关的属性。(过滤 script、style、iframe 等节点)校正；使用 DOM Parse 转换，校正不配对的 DOM 标签。HttpOnly。

浏览器跨域问题1、什么是浏览器同源策略？同源策略是一个重要的安全策略，它用于限制一个 origin 的文档或者它加载的脚本如何能与另一个源的资源进行交互，它能帮助阻隔恶意文档，减少可能被攻击的媒介。所谓同源策略，是指只有在地址的：协议名域名端口名均一样的情况下，才允许访问相同的 cookie、localStorage，以及访问页面的 DOM 或是发送 Ajax 请求。2、没有同源策略限制有哪些危险场景？ajxa 请求Dom 的查询同源策略确实能规避一些危险，不是说有了同源策略就安