当前位置：首页 > news >正文

Chrome 114 带着侧边栏扩展来了

news 2026/4/14 6:16:24

效果展示

manifest.json

{"manifest_version": 3,"name": "ChatGPT学习","version": "0.0.2","description": "ChatGPT,GPT-4,Claude3,Midjourney,Stable Diffusion,AI,人工智能,AI","icons": {"16": "./src/images/logo.png","48": "./src/images/logo.png","128": "./src/images/logo.png"},"side_panel": {"default_path": "./src/views/panel.html","openPanelOnActionClick": true},"permissions": ["sidePanel"],"action": {"default_title": "点击打开ChatGPT学习侧边栏"},"background": {"service_worker": "./src/scripts/service-worker.js"},"content_scripts": [{"matches": ["http://*/*", "https://*/*"],"exclude_matches": ["https://chat.xutongbao.top/*","http://localhost:*/*"],"css": ["./dist/lib/layui.css", "./dist/css/app.css"],"js": ["./dist/lib/layui.js", "./dist/js/app.js", "./index.js"]}],"content_security_policy": {"extension_pages": "script-src 'self'; object-src 'self';"}
}

目录结构

src/scripts/service-worker.js

chrome.sidePanel.setPanelBehavior({ openPanelOnActionClick: true }).catch((error) => console.error(error))

panel.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>ChatGPT学习</title><link rel="stylesheet" href="./index.css">
</head>
<body><iframe src="https://chat.xutongbao.top" class="m-side-panel-iframe"></iframe>
</body>
</html>

index.css

body{position: absolute;top: 0;left: 0;right: 0;bottom: 0; margin: 0;padding: 0;overflow: hidden;}
.m-side-panel-iframe{width: 100%;height: 100%;border: 0;}

官方文档：

https://developer.chrome.com/docs/extensions/reference/api/sidePanel?hl=zh-cn#description

人工智能学习网站：

https://chat.xutongbao.top

Chrome 114 带着侧边栏扩展来了

效果展示 manifest.json {"manifest_version": 3,"name": "ChatGPT学习","version": "0.0.2","description": "ChatGPT,GPT-4,Claude3,Midjourney,Stable Diffusion,AI,人工智能,AI","icons"…...

编程日记 2024/3/22 5:22:34

【论文笔记】RobotGPT: Robot Manipulation Learning From ChatGPT

【论文笔记】RobotGPT: Robot Manipulation Learning From ChatGPT 文章目录【论文笔记】RobotGPT: Robot Manipulation Learning From ChatGPTAbstractI. INTRODUCTIONII. RELATED WORK1. LLMs for Robotics2. Robot Learning III. METHODOLOGY1. ChatGPT Prompts for Robot …...

编程日记 2024/3/22 5:21:33

深度学习 Lecture 4 Adam算法、全连接层与卷积层的区别、图计算和反向传播

一、Adam算法（自适应矩估计） 全名：Adapative Moment Estimation 目的：最小化代价函数（和梯度下降一样） 本质：根据更新学习率后的情况自动更新学习率的值(可能是自动增大，也可能是…...

编程日记 2024/3/22 5:20:32

uniApp中使用小程序XR-Frame创建3D场景（1）环境搭建

1.XR-Frame简介 XR-Frame作为微信小程序官方推出的3D框架，是目前所有小程序平台中3D效果最好的一个，由于其本身针对微信小程序做了优化，在性能方面比其他第三方库都要高很多。 2.与Three.js的区别做3D小程序的同学们对Three.js一定不陌生…...

编程日记 2024/3/22 5:18:30

AI基础知识（4）--贝叶斯分类器

1.什么是贝叶斯判定准则（Bayes decision rule）？什么是贝叶斯最优分类器（Bayes optimal classifier）？ 贝叶斯判定准则：为最小化总体风险，只需在每个样本上选择那个能使条件风险最小的…...

编程日记 2024/3/22 5:16:28

填补市场空白，Apache TsFile 如何重新定义时序数据管理

欢迎全球开发者参与到 Apache TsFile 项目中。刚刚过去的 2023 年，国产开源技术再次获得国际认可。 2023 年 11 月 15 日，经全球最大的开源软件基金会 ASF 董事会投票决议，时序数据文件格式 TsFile 正式通过，直接晋升为 Apache T…...

编程日记 2024/3/22 5:15:27

Docker 笔记（七）--打包软件生成镜像

目录 1. 背景2. 参考3. 文档3.1 使用docker container commit命令构建镜像3.1.1 [Docker官方文档-docker container commit](https://docs.docker.com/reference/cli/docker/container/commit/)Description（概述）Options（选项）Exa…...

编程日记 2024/3/22 5:14:26

图论06-飞地的数量(Java)

6.飞地的数量题目描述给你一个大小为 m x n 的二进制矩阵 grid ，其中 0 表示一个海洋单元格、1 表示一个陆地单元格。一次移动是指从一个陆地单元格走到另一个相邻（上、下、左、右）的陆地单元格或跨过 grid 的边界。返回网格中无法…...

编程日记 2024/3/22 5:13:24

Java设计模式之单例设计模式

单例设计模式就是保证整个软件系统中，某个类只能存在一个对象实例，并且该类只提供一个取得该对象的方法。单例设计模式包括两种：饿汉式和懒汉式。饿汉式： 含义： 在类加载时就创建并初始化单例对象。这种方式确保了…...

编程日记 2024/3/22 5:12:23

多维时序 | MATLAB实现BiTCN-selfAttention自注意力机制结合双向时间卷积神经网络多变量时间序列预测

多维时序 | MATLAB实现BiTCN-selfAttention自注意力机制结合双向时间卷积神经网络多变量时间序列预测目录多维时序 | MATLAB实现BiTCN-selfAttention自注意力机制结合双向时间卷积神经网络多变量时间序列预测预测效果基本介绍模型描述程序设计参考资料预测效果基本介绍 1.M…...

编程日记 2024/3/22 5:10:21

深入了解Android垃圾回收机制

文章目录一、内存分配二、垃圾回收触发条件三、GC算法3.1 Dalvik虚拟机的GC算法3.2 ART的GC算法四、优化GC性能五、监控GC耗时情况六、总结在Android应用开发中，内存管理和垃圾回收（GC）对于应用性能和稳定性至关重要。理解GC机制有助于我们…...

编程日记 2024/3/22 5:07:19

如何学好Python语言

学习Python：一场充满探索与实践的编程之旅 Python，作为一种解释型、交互式和面向对象的编程语言，近年来在数据科学、人工智能、Web开发等多个领域得到了广泛的应用。掌握Python，不仅可以提升个人的编程技能，还能够为未…...

编程日记 2024/3/22 5:05:17

计算机408网课评测+资料分享

408当然有比较好的网课推荐，比如王道的视频课现在大部分人备战408基本都用王道的讲义，然后再搭配王道408的课程来听，可以学的很好。其中408视频课中，我认为讲的比较好的是数据结构，和操作系统，计算机组…...

编程日记 2024/3/22 5:03:15

使用 ZipArchiveInputStream 读取压缩包内文件总数

读取压缩包内文件总数简介 ZipArchiveInputStream 是 Apache Commons Compress 库中的一个类，用于读取 ZIP 格式的压缩文件。在处理 ZIP 文件时，编码格式是一个重要的问题，因为它决定了如何解释文件中的字符数据。通常情况下，Z…...

编程日记 2024/3/22 5:02:14

JavaScript对象修饰教程

在JavaScript中，对象修饰是一种常见的编程模式，用于动态地向对象添加新的功能或修改现有功能，同时保持对象的原始结构不变。对象修饰可以帮助我们实现代码的复用、扩展和维护，让代码更加灵活和可扩展。本文将深入探讨JavaScript对…...

编程日记 2024/3/22 5:01:13

转置卷积(transposed-conv)

一、什么是转置卷积 1、转置卷积的背景通常，对图像进行多次卷积运算后，特征图的尺寸会不断缩小。而对于某些特定任务 (如图像分割和图像生成等)，需将图像恢复到原尺寸再操作。这个将图像由小分辨率映射到大分辨率的尺寸恢复操作&#xff0c…...

编程日记 2024/3/22 4:59:12

P1481 魔族密码

P1481 魔族密码 - 洛谷 | 计算机科学教育新生态 (luogu.com.cn) 字典树在插入字符串 s s s时，不断记录 s 0... k s_{0...k} s0...k的个数取最大即可。 #include <bits/stdc.h> using namespace std; const int N 1e5 21; int cnt[N], tr[N][30], idx,…...

编程日记 2024/3/22 4:55:08

无人机/飞控--ArduPilot、PX4学习记录(2)

这是一篇碎碎念，零零碎碎的记录了环境配置过程，仅供本人记录学习历程和参考。(记录的挺乱的，但是文章链接里的博客写的是真好) 本章主要完成的目标： 安装PX4 并成功运行出3D无人机界面。参考文章： 搭建PX4环境&…...

编程日记 2024/3/22 4:52:05

【Arxml专题】-29-使用Cantools将CAN Matrix Arxml自动生成C语言代码

目录 1 安装Python和Cantools 1.1 查看Python已安装的Package包 1.2 在Python中安装Cantools插件包 1.3 获取更多Cantools工具的更新动态 2 CAN Matrix Arxml自动生成C语言代码 2.1 批处理文件CAN_Matrix_Arxml_To_C.bat内容说明 2.2 CAN Matrix Arxml文件要求 2.3 如何…...

编程日记 2024/3/22 4:50:03

【id:21】【20分】E. 抄袭查找（结构体+指针+函数）

题目描述已知一群学生的考试试卷，要求对试卷内容进行对比，查找是否有抄袭。每张试卷包含：学号（整数类型）、题目1答案（字符串类型）、题目2答案（字符串类型）、题目3答案…...

编程日记 2024/3/22 4:49:01

AI读脸术扩展思路：如何接入表情识别等更多功能

AI读脸术扩展思路：如何接入表情识别等更多功能 1. 引言 1.1 人脸属性分析的技术演进人脸属性识别技术已经从最初的单一性别识别发展到如今的多维度分析。现代系统能够同时检测年龄、性别、表情、眼镜佩戴情况等多种属性，为商业智能、人机交互等领域提…...

编程新知 2026/4/14 5:30:34

Kuikly框架性能深度解析：原生级跨端体验如何实现？

Kuikly 是腾讯大前端Oteam基于 Kotlin Multiplatform 开发的跨端框架。其技术设计使其在包体积、渲染效率等核心性能指标上，展现出特定优势。 1. 包体积极致轻量Android平台：AOT模式下仅约300KB iOS平台：约1.2MB Web版本：仅463K…...

编程新知 2026/4/14 4:24:11

ESP32-CAM的SD卡能跑多快？实测SDMMC 4线模式下的文件读写性能与优化

ESP32-CAM SD卡性能深度优化：从SDMMC配置到文件系统选型实战在物联网边缘计算场景中，ESP32-CAM凭借其出色的图像采集能力和紧凑的硬件设计，成为众多嵌入式视觉项目的首选。然而当涉及到持续拍摄高分辨率图像或长时间记录传感器数据时&#x…...

编程新知 2026/4/14 3:55:28

VGG16实战：用Perceptual Loss提升超分辨率图像细节（附代码对比）

VGG16实战：用Perceptual Loss提升超分辨率图像细节（附代码对比） 当你在深夜调试超分辨率模型时，是否也遇到过这样的困境：PSNR指标明明很高，但生成的图像却像被蒙上了一层薄雾，边缘模糊、纹理丢失…...

编程新知 2026/4/14 2:35:35

MT-PXle【多路复用器】1线-单端信号类型，高负载能力，高密度通道

...

编程新知 2026/4/14 1:45:05

Z-Image-Turbo-rinaiqiao-huiyewunv多场景落地：AI绘画教育课程实验平台搭建实践

Z-Image-Turbo-rinaiqiao-huiyewunv多场景落地：AI绘画教育课程实验平台搭建实践 1. 项目背景与核心价值在教育数字化转型的浪潮中，AI绘画技术正成为艺术教育创新的重要驱动力。Z-Image Turbo (辉夜大小姐-日奈娇)作为一款专为二次元人物绘图优化的工具…...

编程新知 2026/4/14 0:32:06

《温暖的客栈》林允做春味宴：这一锅腌笃鲜，鲜到心里去｜珠海也能复刻

前几天刷到《温暖的客栈元气篇》第四期，林允带着蒋梦婕去南京高淳挖笋做春味宴。说实话，作为一个在珠海待了多年的“老广”，我对江南的春天一直有种说不清的情愫。明明从小吃的是白切鸡、煲仔饭这种实在货，却总在短视频里刷到那些“鲜”字当头的时令美味时，忍不住多看…...

编程新知 2026/4/13 23:27:32

终极指南：async-labs/saas代码架构解析与MobX状态管理最佳实践

终极指南：async-labs/saas代码架构解析与MobX状态管理最佳实践【免费下载链接】saas Build your own SaaS business with SaaS boilerplate. Productive stack: React, Material-UI, Next, MobX, WebSockets, Express, Node, Mongoose, MongoDB. Written with Type…...

编程新知 2026/4/13 22:26:20

CloudBeaver 云数据库管理器：10个理由让你从传统工具迁移到云端

CloudBeaver 云数据库管理器：10个理由让你从传统工具迁移到云端【免费下载链接】cloudbeaver Cloud Database Manager 项目地址: https://gitcode.com/gh_mirrors/cl/cloudbeaver CloudBeaver 是一款功能强大的云数据库管理器，采用 Java 后端与 …...

编程新知 2026/4/13 22:24:19

【仅限首批开放】AIAgent多目标优化内参白皮书（含NASA JPL/蚂蚁/字节联合验证的MOO-SLAM架构图谱与5类业务场景映射表）

第一章：AIAgent多目标优化的范式演进与核心挑战 2026奇点智能技术大会(https://ml-summit.org) 传统单目标强化学习框架在面对真实世界AI代理（AIAgent）任务时日益显现出结构性局限——用户意图模糊性、环境动态性、资源约束多样性与伦理对齐…...

编程新知 2026/4/13 21:53:30