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

Chrome 114 带着侧边栏扩展来了

news 2025/6/21 14:12:52

效果展示

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

多模态2025：技术路线“神仙打架”，视频生成冲上云霄

文｜魏琳华编｜王一粟一场大会，聚集了中国多模态大模型的“半壁江山”。智源大会2025为期两天的论坛中，汇集了学界、创业公司和大厂等三方的热门选手，关于多模态的集中讨论达到了前所未有的热度。其中，…...

编程新知 2025/6/20 15:40:48

linux之kylin系统nginx的安装

一、nginx的作用 1.可做高性能的web服务器直接处理静态资源（HTML/CSS/图片等），响应速度远超传统服务器类似apache支持高并发连接 2.反向代理服务器隐藏后端服务器IP地址，提高安全性 3.负载均衡服务器支持多种策略分发流量…...

编程新知 2025/6/20 14:34:17

逻辑回归：给不确定性划界的分类大师

想象你是一名医生。面对患者的检查报告（肿瘤大小、血液指标），你需要做出一个**决定性判断**：恶性还是良性？这种“非黑即白”的抉择，正是**逻辑回归（Logistic Regression）** 的战场&a…...

编程新知 2025/6/20 12:22:50

大数据零基础学习day1之环境准备和大数据初步理解

学习大数据会使用到多台Linux服务器。一、环境准备 1、VMware 基于VMware构建Linux虚拟机是大数据从业者或者IT从业者的必备技能之一也是成本低廉的方案所以VMware虚拟机方案是必须要学习的。 （1）设置网关打开VMware虚拟机，点击编辑…...

编程新知 2025/6/15 12:56:00

Leetcode 3577. Count the Number of Computer Unlocking Permutations

Leetcode 3577. Count the Number of Computer Unlocking Permutations 1. 解题思路2. 代码实现题目链接：3577. Count the Number of Computer Unlocking Permutations 1. 解题思路这一题其实就是一个脑筋急转弯，要想要能够将所有的电脑解锁&#x…...

编程新知 2025/6/17 0:35:35

HTML 列表、表格、表单

1 列表标签作用：布局内容排列整齐的区域列表分类：无序列表、有序列表、定义列表。例如： 1.1 无序列表标签：ul 嵌套 li，ul是无序列表，li是列表条目。注意事项： ul 标签里面只能包裹 li…...

编程新知 2025/6/19 7:01:53

生成 Git SSH 证书

🔑 1. 生成 SSH 密钥对在终端（Windows 使用 Git Bash，Mac/Linux 使用 Terminal）执行命令： ssh-keygen -t rsa -b 4096 -C "your_emailexample.com" 参数说明： -t rsa&#x…...

编程新知 2025/6/21 5:49:39

论文浅尝 | 基于判别指令微调生成式大语言模型的知识图谱补全方法（ISWC2024）

笔记整理：刘治强，浙江大学硕士生，研究方向为知识图谱表示学习，大语言模型论文链接：http://arxiv.org/abs/2407.16127 发表会议：ISWC 2024 1. 动机传统的知识图谱补全（KGC）模型通过…...

编程新知 2025/6/20 1:33:48

Unity | AmplifyShaderEditor插件基础（第七集：平面波动shader）

目录一、👋🏻前言二、😈sinx波动的基本原理三、😈波动起来 1.sinx节点介绍 2.vertexPosition 3.集成Vector3 a.节点Append b.连起来 4.波动起来 a.波动的原理 b.时间节点 c.sinx的处理四、🌊波动优化…...

编程新知 2025/6/21 2:54:38

技术栈RabbitMq的介绍和使用

目录 1. 什么是消息队列？2. 消息队列的优点3. RabbitMQ 消息队列概述4. RabbitMQ 安装5. Exchange 四种类型5.1 direct 精准匹配5.2 fanout 广播5.3 topic 正则匹配 6. RabbitMQ 队列模式6.1 简单队列模式6.2 工作队列模式6.3 发布/订阅模式6.4 路由模式6.5 主题模式…...

编程新知 2025/6/15 18:14:52