Chrome 114 带着侧边栏扩展来了
效果展示
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"…...
【论文笔记】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 …...
深度学习 Lecture 4 Adam算法、全连接层与卷积层的区别、图计算和反向传播
一、Adam算法（自适应矩估计） 全名：Adapative Moment Estimation 目的：最小化代价函数（和梯度下降一样） 本质：根据更新学习率后的情况自动更新学习率的值(可能是自动增大，也可能是…...
uniApp中使用小程序XR-Frame创建3D场景（1）环境搭建
1.XR-Frame简介 XR-Frame作为微信小程序官方推出的3D框架，是目前所有小程序平台中3D效果最好的一个，由于其本身针对微信小程序做了优化，在性能方面比其他第三方库都要高很多。 2.与Three.js的区别 做3D小程序的同学们对Three.js一定不陌生…...
AI基础知识（4）--贝叶斯分类器
1.什么是贝叶斯判定准则（Bayes decision rule）？什么是贝叶斯最优分类器（Bayes optimal classifier）？ 贝叶斯判定准则：为最小化总体风险，只需在每个样本上选择那个能使条件风险最小的…...
填补市场空白，Apache TsFile 如何重新定义时序数据管理
欢迎全球开发者参与到 Apache TsFile 项目中。 刚刚过去的 2023 年，国产开源技术再次获得国际认可。 2023 年 11 月 15 日，经全球最大的开源软件基金会 ASF 董事会投票决议，时序数据文件格式 TsFile 正式通过，直接晋升为 Apache T…...
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…...
图论06-飞地的数量(Java)
6.飞地的数量 题目描述 给你一个大小为 m x n 的二进制矩阵 grid ，其中 0 表示一个海洋单元格、1 表示一个陆地单元格。 一次 移动 是指从一个陆地单元格走到另一个相邻（上、下、左、右）的陆地单元格或跨过 grid 的边界。 返回网格中 无法…...
Java设计模式之单例设计模式
单例设计模式就是保证整个软件系统中，某个类只能存在一个对象实例，并且该类只提供一个取得该对象的方法。 单例设计模式包括两种：饿汉式和懒汉式。 饿汉式： 含义： 在类加载时就创建并初始化单例对象。这种方式确保了…...
多维时序 | MATLAB实现BiTCN-selfAttention自注意力机制结合双向时间卷积神经网络多变量时间序列预测
多维时序 | MATLAB实现BiTCN-selfAttention自注意力机制结合双向时间卷积神经网络多变量时间序列预测 目录 多维时序 | MATLAB实现BiTCN-selfAttention自注意力机制结合双向时间卷积神经网络多变量时间序列预测预测效果基本介绍模型描述程序设计参考资料 预测效果 基本介绍 1.M…...
深入了解Android垃圾回收机制
文章目录 一、内存分配二、垃圾回收触发条件三、GC算法3.1 Dalvik虚拟机的GC算法3.2 ART的GC算法 四、优化GC性能五、监控GC耗时情况六、总结 在Android应用开发中，内存管理和垃圾回收（GC）对于应用性能和稳定性至关重要。理解GC机制有助于我们…...
如何学好Python语言
学习Python：一场充满探索与实践的编程之旅 Python，作为一种解释型、交互式和面向对象的编程语言，近年来在数据科学、人工智能、Web开发等多个领域得到了广泛的应用。掌握Python，不仅可以提升个人的编程技能，还能够为未…...
计算机408网课评测+资料分享
408当然有比较好的网课推荐，比如王道的视频课 现在大部分人备战408基本都用王道的讲义，然后再搭配王道408的课程来听，可以学的很好。 其中408视频课中，我认为讲的比较好的是数据结构，和操作系统，计算机组…...
使用 ZipArchiveInputStream 读取压缩包内文件总数
读取压缩包内文件总数 简介 ZipArchiveInputStream 是 Apache Commons Compress 库中的一个类，用于读取 ZIP 格式的压缩文件。在处理 ZIP 文件时，编码格式是一个重要的问题，因为它决定了如何解释文件中的字符数据。通常情况下，Z…...
JavaScript对象修饰教程
在JavaScript中，对象修饰是一种常见的编程模式，用于动态地向对象添加新的功能或修改现有功能，同时保持对象的原始结构不变。对象修饰可以帮助我们实现代码的复用、扩展和维护，让代码更加灵活和可扩展。本文将深入探讨JavaScript对…...
转置卷积(transposed-conv)
一、什么是转置卷积 1、转置卷积的背景 通常，对图像进行多次卷积运算后，特征图的尺寸会不断缩小。而对于某些特定任务 (如图像分割和图像生成等)，需将图像恢复到原尺寸再操作。这个将图像由小分辨率映射到大分辨率的尺寸恢复操作，…...
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,…...
无人机/飞控--ArduPilot、PX4学习记录(2)
这是一篇碎碎念，零零碎碎的记录了环境配置过程，仅供本人记录学习历程和参考。(记录的挺乱的，但是文章链接里的博客写的是真好) 本章主要完成的目标： 安装PX4 并 成功运行出3D无人机界面。 参考文章： 搭建PX4环境&…...
【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 如何…...
【id:21】【20分】E. 抄袭查找（结构体+指针+函数）
题目描述 已知一群学生的考试试卷，要求对试卷内容进行对比，查找是否有抄袭。 每张试卷包含：学号（整数类型）、题目1答案（字符串类型）、题目2答案（字符串类型）、题目3答案…...
多模态2025：技术路线“神仙打架”，视频生成冲上云霄
文｜魏琳华 编｜王一粟 一场大会，聚集了中国多模态大模型的“半壁江山”。 智源大会2025为期两天的论坛中，汇集了学界、创业公司和大厂等三方的热门选手，关于多模态的集中讨论达到了前所未有的热度。其中，…...
SciencePlots——绘制论文中的图片
文章目录 安装一、风格二、1 资源 安装 # 安装最新版 pip install githttps://github.com/garrettj403/SciencePlots.git# 安装稳定版 pip install SciencePlots一、风格 简单好用的深度学习论文绘图专用工具包–Science Plot 二、 1 资源 论文绘图神器来了：一行…...
Java 8 Stream API 入门到实践详解
一、告别 for 循环！ 传统痛点： Java 8 之前，集合操作离不开冗长的 for 循环和匿名类。例如，过滤列表中的偶数： List<Integer> list Arrays.asList(1, 2, 3, 4, 5); List<Integer> evens new ArrayList…...
鸿蒙中用HarmonyOS SDK应用服务 HarmonyOS5开发一个生活电费的缴纳和查询小程序
一、项目初始化与配置 1. 创建项目 ohpm init harmony/utility-payment-app 2. 配置权限 // module.json5 {"requestPermissions": [{"name": "ohos.permission.INTERNET"},{"name": "ohos.permission.GET_NETWORK_INFO"…...
【Oracle】分区表
个人主页：Guiat 归属专栏：Oracle 文章目录 1. 分区表基础概述1.1 分区表的概念与优势1.2 分区类型概览1.3 分区表的工作原理 2. 范围分区 (RANGE Partitioning)2.1 基础范围分区2.1.1 按日期范围分区2.1.2 按数值范围分区 2.2 间隔分区 (INTERVAL Partit…...
OPenCV CUDA模块图像处理-----对图像执行 均值漂移滤波（Mean Shift Filtering）函数meanShiftFiltering()
操作系统：ubuntu22.04 OpenCV版本：OpenCV4.9 IDE:Visual Studio Code 编程语言：C11 算法描述 在 GPU 上对图像执行 均值漂移滤波（Mean Shift Filtering），用于图像分割或平滑处理。 该函数将输入图像中的…...
SAP学习笔记 - 开发26 - 前端Fiori开发 OData V2 和 V4 的差异 (Deepseek整理）
上一章用到了V2 的概念，其实 Fiori当中还有 V4，咱们这一章来总结一下 V2 和 V4。 SAP学习笔记 - 开发25 - 前端Fiori开发 Remote OData Service(使用远端Odata服务)，代理中间件（ui5-middleware-simpleproxy）-CSDN博客…...
android13 app的触摸问题定位分析流程
一、知识点 一般来说，触摸问题都是app层面出问题，我们可以在ViewRootImpl.java添加log的方式定位；如果是touchableRegion的计算问题，就会相对比较麻烦了，需要通过adb shell dumpsys input > input.log指令，且通过打印堆栈的方式，逐步定位问题，并找到修改方案。 问题…...
tomcat指定使用的jdk版本
说明 有时候需要对tomcat配置指定的jdk版本号，此时，我们可以通过以下方式进行配置 设置方式 找到tomcat的bin目录中的setclasspath.bat。如果是linux系统则是setclasspath.sh set JAVA_HOMEC:\Program Files\Java\jdk8 set JRE_HOMEC:\Program Files…...
Mysql故障排插与环境优化
前置知识点 最上层是一些客户端和连接服务，包含本 sock 通信和大多数jiyukehuduan/服务端工具实现的TCP/IP通信。主要完成一些简介处理、授权认证、及相关的安全方案等。在该层上引入了线程池的概念，为通过安全认证接入的客户端提供线程。同样在该层上可…...