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

Chrome 114 带着侧边栏扩展来了

news 2025/11/15 16:50:02

效果展示

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

XCTF-web-easyupload

试了试php，php7，pht，phtml等，都没有用尝试.user.ini 抓包修改将.user.ini修改为jpg图片在上传一个123.jpg 用蚁剑连接，得到flag...

编程新知 2025/11/12 21:39:32

Java 语言特性(面试系列2)

一、SQL 基础 1. 复杂查询 （1）连接查询（JOIN） 内连接（INNER JOIN）：返回两表匹配的记录。 SELECT e.name, d.dept_name FROM employees e INNER JOIN departments d ON e.dept_id d.dept_id; 左…...

编程新知 2025/10/24 14:20:29

ssc377d修改flash分区大小

1、flash的分区默认分配16M、 / # df -h Filesystem Size Used Available Use% Mounted on /dev/root 1.9M 1.9M 0 100% / /dev/mtdblock4 3.0M...

编程新知 2025/8/4 2:45:15

使用 Streamlit 构建支持主流大模型与 Ollama 的轻量级统一平台

🎯 使用 Streamlit 构建支持主流大模型与 Ollama 的轻量级统一平台 📌 项目背景随着大语言模型（LLM）的广泛应用，开发者常面临多个挑战：各大模型（OpenAI、Claude、Gemini、Ollama）接口风格不统一；缺乏一个统一平台进行模型调用与测试；本地模型 Ollama 的集成与前…...

编程新知 2025/11/12 6:44:20

Hive 存储格式深度解析：从 TextFile 到 ORC，如何选对数据存储方案？

在大数据处理领域，Hive 作为 Hadoop 生态中重要的数据仓库工具，其存储格式的选择直接影响数据存储成本、查询效率和计算资源消耗。面对 TextFile、SequenceFile、Parquet、RCFile、ORC 等多种存储格式，很多开发者常常陷入选择困境。本文将从底…...

编程新知 2025/9/16 2:04:37

JAVA后端开发——多租户

数据隔离是多租户系统中的核心概念，确保一个租户（在这个系统中可能是一个公司或一个独立的客户）的数据对其他租户是不可见的。在 RuoYi 框架（您当前项目所使用的基础框架）中，这通常是通过在数据表中增加一个…...

编程新知 2025/8/15 1:44:58

中医有效性探讨

文章目录西医是如何发展到以生物化学为药理基础的现代医学？传统医学奠基期（远古 - 17 世纪）近代医学转型期（17 世纪 - 19 世纪末）现代医学成熟期（20世纪至今） 中医的源远流长和一脉相承远古至…...

编程新知 2025/11/12 11:29:41

渗透实战PortSwigger靶场：lab13存储型DOM XSS详解

进来是需要留言的，先用做简单的 html 标签测试发现面的</h1>不见了数据包中找到了一个loadCommentsWithVulnerableEscapeHtml.js 他是把用户输入的<>进行 html 编码，输入的<>当成字符串处理回显到页面中，看来只是把用户输…...

编程新知 2025/11/11 2:18:02

MySQL体系架构解析（三）：MySQL目录与启动配置全解析

MySQL中的目录和文件 bin目录在 MySQL 的安装目录下有一个特别重要的 bin 目录，这个目录下存放着许多可执行文件。与其他系统的可执行文件类似，这些可执行文件都是与服务器和客户端程序相关的。启动MySQL服务器程序在 UNIX 系统中，用…...

编程新知 2025/11/10 4:47:10

boost::filesystem::path文件路径使用详解和示例

boost::filesystem::path 是 Boost 库中用于跨平台操作文件路径的类，封装了路径的拼接、分割、提取、判断等常用功能。下面是对它的使用详解，包括常用接口与完整示例。 1. 引入头文件与命名空间 #include <boost/filesystem.hpp> namespace fs b…...

编程新知 2025/10/6 16:56:37