开发 Chrome 浏览器插件入门

news2024/11/18 11:41:35

前言

简介

Chrome 插件是扩展 Chrome 浏览器的功能的软件程序。它们可以执行各种任务,例如阻止广告、增强隐私、添加新功能等等。

要开始编写 Chrome 插件,你需要掌握以下:

1.JavaScript语言

2.html

3.css

4.会使用chrome扩展开发手册

一,创建插件

1.创建一个新的目录

这个目录你可以在任何地方创建如图1,例如 我在D:\桌面\javascript\chrome下创建文件夹my-extension

图1
图1

2.编写清单文件

清单文件 (manifest.json) 定义了插件的基本信息,例如其名称、版本、权限和内容脚本。

在目录中创建一个文件,进入my-extension文件夹创建一个mainfest.json文件如图2

图2

编写miaifest.json文件输入:



{
  "manifest_version": 2,
  "name": "big Big",
  "version": "1.1.0",
  "description": "big测试哦",
  "icons":
	{
		"16": "img/icon.png",
		"48": "img/icon.png",
		"128": "img/icon.png"
	},
  "content_scripts": [
    {
      "matches": ["https://www.baidu.com/*", "http://www.qq.com/*"],
      "js": ["content-script.js"]
    }
  ]
}



  • manifest_version: 清单文件的版本。
  • name: 插件的名称。
  • version: 插件的版本。
  • content_scripts: 在特定网页上运行的内容脚本列表。
  • description :脚本描述。

  • icons: 图标 


例如



{
  "manifest_version": 2,
  "name": "big Big",
  "version": "1.1.0",
  "description": "big测试哦",
  "icons":
	{
		"16": "img/icon.png",
		"48": "img/icon.png",
		"128": "img/icon.png"
	},
  "content_scripts": [
    {
      "matches": ["https://www.baidu.com/*", "http://www.qq.com/*"],
      "js": ["content-script.js"]
    }
  ]
}



设置一个清单文件的版本为:2

插件的名称:big Big

插件的版本: 1.1.0

matches: 表示在baidu。qq网页上显示特定的脚本

content-script.js: 表示js脚本

在创建一个content-script.js文件编写如图3:

图3

我们还需要创建一个小图标文件夹img放入icon.png图片如图4,

这里我们需要导入插件了如图5

图5

添加插件选择创建的文件夹如图6

图6

添加成功后出现如图7代表添加成功了,

图7

现在我开始测试,

这里这是一个测试js作用于百度,qq网页开在浏览器调试模式看到如图8插件已经编写完成了。

二,高级清单文件

1.编写放置右窗口

类似于如图9小窗口,

图9

我们在编写一个新的manifest.json文件(你也可以把上面测试的manifest.json改以下就可以了)



{
  "manifest_version": 2,
  "name": "big Big",
  "version": "1.1.0",
  "description": "big测试哦",
  "icons":
	{
		"16": "img/icon.png",
		"48": "img/icon.png",
		"128": "img/icon.png"
	},

 

  "browser_action": {
    "default_icon": { 
            "16": "img/icon.png", 
            "24": "img/icon.png", 
            "32": "img/icon.png" 
        },
    "default_title": "Big", 
    "default_popup": "popup.html" },

  "content_scripts": [
    {
      "matches": ["https://www.baidu.com/*", "http://www.qq.com/*"],
      "js": ["content-script.js"]
    }
  ]
}



//例如  都是可以的

"action": {

    "default_icon": "icons/icon.png",

    "default_title": "Popup Title",

    "default_popup": "index.html"

  }

我们在添加插件方法同上如图10显示不存在页面,

图10

这是时候我们在创建一个popup.html文件在同目录里面如图11,

图11

这里我只是测试以下如图12编写保存,你可以把它想象成一个网页,

图12

这时候我刷新浏览器是可以看到如图13,可以看到它就是一个小页面,

图13

用 browser actions 可以在chrome主工具条的地址栏右侧增加一个图标 如果你想创建一个不总是可见的图标, 可以使用page action来代替browser action default_popup当用户点击图标后出现,popup可以包含任意你想要的html内容,并且会自适应大小


2.常驻的后台JS或后台页面

Background Script 是 Chrome 扩展程序中的一种后台脚本,在扩展程序安装后立即加载,并在扩展程序的整个生命周期中一直保持活动状态。与 Event Page 不同,Background Script 不专门用于处理事件,而是可以执行各种任务,例如:

  • 与服务器通信
  • 管理其他脚本
  • 处理定时任务
  • 在后台执行计算

用途

Background Script 通常用于以下类型的任务:

  • 后台处理: 执行不需要用户交互的后台任务,例如与服务器通信或处理数据。
  • 跨域通信: 在不同的域之间进行通信,例如与内容脚本或来自不同域的 iframe 通信。
  • 定时任务: 定期执行任务,例如检查更新或发送通知。

使用

要使用 Background Script,请在清单文件中声明它:

{
  "manifest_version": 2,
  "name": "My Extension",
  "version": "1.0.0",
  "background": {
    "scripts": ["background.js"]
  }
}

然后,在 background.js 文件中编写脚本逻辑:

// background.js

// 与服务器通信
fetch('https://example.com/api/data').then(response => {
  // 处理响应
});

// 定时任务
setInterval(() => {
  // 定期执行的任务
}, 60000);

注意:

  • Background Script 在默认情况下是持久的(persistent: true),这意味着它在扩展程序卸载之前一直保持活动状态。
  • Background Script 无法直接访问 DOM,因此它需要与内容脚本或其他后台脚本通信以与网页交互。
//方式一
"background":
	{
		
		"page": "background.html"
		
	},

//方式二
"background":
	{
		"scripts": ["js/background.js"]
	},

如图14当我刷新后出现 ”背景页“。

图14

3.event-pages 短周期使用

Event Page 主要用于处理以下类型的事件:

  • 浏览器事件:例如 onInstalledonUpdated 和 onMessage
  • 自定义事件:由内容脚本或其他后台脚本触发。

优点

使用 Event Page 的优点包括:

  • 事件处理集中: 所有事件处理逻辑都集中在一个脚本中,便于维护和调试。
  • 持续监听: Event Page 在扩展程序的整个生命周期中保持活动状态,因此它可以随时处理事件。
  • 跨域通信: Event Page 可以与内容脚本和来自不同域的 iframe 进行通信。

使用

要使用 Event Page,请在清单文件中声明它:

 "background": {
    "persistent": false,
    "scripts": ["event-page.js"]
  }

然后,在 event-page.js 文件中编写事件处理逻辑:

// event-page.js

chrome.runtime.onInstalled.addListener(() => {
  // 在插件安装后执行代码
});

chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
  // 在收到来自内容脚本或其他后台脚本的消息后执行代码
});

示例

以下是一个使用 Event Page 处理来自内容脚本消息的示例:

清单文件 (manifest.json):



{
  "manifest_version": 2,
  "name": "big Big",
  "version": "1.1.0",
  "description": "big测试哦",
  "icons":
	{
		"16": "img/icon.png",
		"48": "img/icon.png",
		"128": "img/icon.png"
	},

  "background": {
    "persistent": false,
    "scripts": ["event-page.js"]
  },

  "browser_action": {
    "default_icon": { 
            "16": "img/icon.png", 
            "24": "img/icon.png", 
            "32": "img/icon.png" 
        },
    "default_title": "Big", 
    "default_popup": "popup.html" },

  "content_scripts": [
    {
      "matches": ["https://www.baidu.com/*", "http://www.qq.com/*"],
      "js": ["content-script.js"]
    }
  ]
}



内容脚本 (content-script.js):

// content-script.js

chrome.runtime.sendMessage({message: 'Hello from content script!'}, (response) => {
  console.log(response.message);
});

Event Page (event-page.js):

// event-page.js

chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
  console.log('Received message from content script:', request.message);
  sendResponse({message: 'Hello from event page!'});
});

重新加载插件看到如图15

注意:

  • Event Page 在默认情况下是持久的(persistent: true),这意味着它在扩展程序卸载之前一直保持活动状态。但是,对于大多数用例,将其设置为非持久(persistent: false)就足够了。
  • Event Page 不能直接访问 DOM,因此它需要与内容脚本或其他后台脚本通信以与网页交互。


三,Chrome 扩展 API 函数

Chrome 扩展 API 提供了各种函数,使扩展程序能够与浏览器、网页和系统交互。以下是几个常用的函数:

1.浏览器操作函数

  • chrome.browserAction.onClicked: 在单击浏览器操作按钮时触发。
  • chrome.tabs.create: 创建一个新的选项卡。
  • chrome.windows.create: 创建一个新的窗口。
  • chrome.storage.sync.get: 从存储中获取数据。
  • chrome.storage.sync.set: 将数据存储到存储中。
  • chrome.tabs.query():查询当前窗口中的选项卡。
  • chrome.tabs.update():更新选项卡的属性。

2.内容脚本函数

  • document.addEventListener: 监听 DOM 事件。
  • document.querySelector: 选择一个 DOM 元素。
  • document.createElement: 创建一个新的 DOM 元素。
  • XMLHttpRequest: 发送 HTTP 请求。
  • fetch: 发送异步 HTTP 请求。

3.后台脚本函数

  • chrome.runtime.onInstalled: 在扩展程序安装后触发。
  • chrome.runtime.onMessage: 在收到来自内容脚本或其他后台脚本的消息时触发。
  • chrome.alarms.create: 创建一个闹钟。
  • chrome.alarms.clearAll: 清除所有闹钟。
  • chrome.notifications.create: 创建一个通知。

4.其他函数

  • chrome.identity.getAuthToken: 获取用于身份验证的令牌。
  • chrome.i18n.getMessage: 获取本地化消息。
  • chrome.permissions.request: 请求额外的权限。
  • chrome.webRequest.onBeforeRequest: 在发出网络请求之前触发。
  • chrome.webRequest.onCompleted: 在完成网络请求后触发。
  • chrome.identity.getProfileUserInfo():获取当前用户的个人资料信息。
  • chrome.notifications.create():创建桌面通知。
  • chrome.contextMenus.create():创建上下文菜单项。
  • chrome.webRequest.onBeforeRequest.addListener():监听 HTTP 请求。

四,Chrome 扩展 API 函数示例

1.浏览器操作函数

要使用浏览器操作按钮,你需要在清单文件中声明 browser_action 权限在调用,如下所示:

{
  "manifest_version": 2,
  "name": "My Extension",
  "version": "1.0.0",
  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  },
  "permissions": ["<all_urls>"]
}

然后,你可以在后台脚本中使用 chrome.browserAction.onClicked 函数来监听浏览器操作按钮的点击事件,如下所示:

// background.js

chrome.browserAction.onClicked.addListener(() => {
  alert('Button clicked!');
});
  • chrome.browserAction.onClicked: 在单击浏览器操作按钮时触发。
chrome.browserAction.onClicked.addListener(() => {
  alert('Button clicked!');
});
  • chrome.tabs.create: 创建一个新的选项卡。
chrome.tabs.create({url: 'https://www.example.com'});
  • chrome.windows.create: 创建一个新的窗口。
chrome.windows.create({url: 'https://www.example.com'});

2.内容脚本函数

要使用内容脚本,你需要在清单文件中声明 content_scripts 权限,如下所示:

{
  "manifest_version": 2,
  "name": "My Extension",
  "version": "1.0.0",
  "content_scripts": [
    {
      "matches": ["https://*/*", "http://*/*"],
      "js": ["content-script.js"]
    }
  ],
  "permissions": ["<all_urls>"]
}

然后,你可以在内容脚本中使用各种 DOM 函数和 XMLHttpRequest 对象来与网页交互,如下所示:

// content-script.js

document.addEventListener('click', (event) => {
  console.log(event.target.id);
});

const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://www.example.com/api/data');
xhr.onload = () => {
  console.log(xhr.responseText);
};
xhr.send();
  • document.addEventListener: 监听 DOM 事件。
document.addEventListener('click', (event) => {
  console.log(event.target.id);
});
  • document.querySelector: 选择一个 DOM 元素。
const button = document.querySelector('#my-button');
  • document.createElement: 创建一个新的 DOM 元素。
const newElement = document.createElement('div');
  • XMLHttpRequest: 发送 HTTP 请求。
const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://www.example.com/api/data');
xhr.onload = () => {
  console.log(xhr.responseText);
};
xhr.send();
  • fetch: 发送异步 HTTP 请求。
fetch('https://www.example.com/api/data').then(response => {
  response.json().then(data => {
    console.log(data);
  });
});

3.后台脚本函数

你需要在清单文件中声明 background 权限,如下所示:

{
  "manifest_version": 2,
  "name": "My Extension",
  "version": "1.0.0",
  "background": {
    "scripts": ["background.js"]
  },
  "permissions": ["<all_urls>"]
}

然后,你可以在后台脚本中使用各种 Chrome 扩展 API 函数来执行各种任务,

例如:

// background.js

chrome.runtime.onInstalled.addListener(() => {
  console.log('Extension installed!');
});

chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
  console.log(request.message);
  sendResponse({message: 'Response from background script!'});
});

chrome.alarms.create('my-alarm', {delayInMinutes: 1});

chrome.notifications.create('my-notification', {
  title: 'My Notification',
  message: 'This is a notification!',
  iconUrl: 'icon.png'
});
  • chrome.runtime.onInstalled: 在扩展程序安装后触发。
chrome.runtime.onInstalled.addListener(() => {
  console.log('Extension installed!');
});
  • chrome.runtime.onMessage: 在收到来自内容脚本或其他后台脚本的消息时触发。
chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
  console.log(request.message);
  sendResponse({message: 'Response from background script!'});
});
  • chrome.alarms.create: 创建一个闹钟。
chrome.alarms.create('my-alarm', {delayInMinutes: 1});
  • chrome.alarms.clearAll: 清除所有闹钟。
chrome.alarms.clearAll();
  • chrome.notifications.create: 创建一个通知。
chrome.notifications.create('my-notification', {
  title: 'My Notification',
  message: 'This is a notification!',
  iconUrl: 'icon.png'
});

4.其他函数

你需要在清单文件中声明相应的权限,然后在扩展程序的脚本中使用函数。例如,要使用 chrome.identity.getAuthToken 函数,你需要声明 identity 权限:

{
  "manifest_version": 2,
  "name": "My Extension",
  "version": "1.0.0",
  "permissions": ["identity"]
}
  • chrome.identity.getAuthToken: 获取用于身份验证的令牌。
chrome.identity.getAuthToken({interactive: true}, (token) => {
  console.log(token);
});
  • chrome.i18n.getMessage: 获取本地化消息。
const message = chrome.i18n.getMessage('my_message');
  • chrome.permissions.request: 请求额外的权限。
chrome.permissions.request({permissions: ['clipboardRead']}, (granted) => {
  if (granted) {
    console.log('Permission granted!');
  } else {
    console.log('Permission denied!');
  }
});
  • chrome.webRequest.onBeforeRequest: 在发出网络请求之前触发。
chrome.webRequest.onBeforeRequest.addListener((details) => {
  console.log(details.url);
}, {urls: ['<all_urls>']});
  • chrome.webRequest.onCompleted: 在完成网络请求后触发。
chrome.webRequest.onCompleted.addListener((details) => {
  console.log(details.statusCode);
}, {urls: ['<all_urls>']});

五,manifest.json 

manifest.json 是一个 JSON 文件,它描述了 Chrome 扩展程序的基本信息和功能。它位于扩展程序的根目录中,并且必须遵循特定的格式。

1.必填字段

  • name: 扩展程序的名称。显示在 Chrome 网上应用店和浏览器中。
  • version: 扩展程序的版本号。遵循语义版本控制约定(例如,1.2.3)。
  • manifest_version: manifest.json 文件的版本号。当前版本为 3。

2.可选字段

  • description: 扩展程序的简要描述。显示在 Chrome 网上应用店中。
  • icons: 一个对象,其中包含扩展程序图标的路径和大小。图标大小必须是 16x16、48x48 和 128x128 像素。
  • permissions: 一个数组,其中包含扩展程序所需的权限。有关权限的更多信息,请参见下文。
  • background: 一个对象,其中包含后台脚本的路径。后台脚本在扩展程序安装后立即运行,并且可以在后台持续运行。
  • content_scripts: 一个数组,其中包含内容脚本的配置。内容脚本在特定网站上运行,可以访问 DOM 和执行 JavaScript 代码。
  • browser_action: 一个对象,其中包含浏览器操作按钮的配置。浏览器操作按钮显示在浏览器的工具栏中。
  • page_action: 一个对象,其中包含页面操作按钮的配置。页面操作按钮显示在特定网站的地址栏中。
  • options_page: 选项页面的路径。选项页面允许用户配置扩展程序的设置。
  • web_accessible_resources: 一个数组,其中包含扩展程序可以访问的 Web 可访问资源的路径。Web 可访问资源可以是 HTML、CSS 或 JavaScript 文件。

3.权限

  • "tabs": 允许扩展程序管理选项卡。这包括创建、更新和删除选项卡,以及获取选项卡信息。
  • "storage": 允许扩展程序访问浏览器存储。这包括同步存储(在所有设备上可用)和本地存储(仅在当前设备上可用)。
  • "webRequest": 允许扩展程序拦截和修改 HTTP 请求。这可用于阻止广告、重定向请求或注入脚本。
  • "notifications": 允许扩展程序创建桌面通知。
  • "identity": 允许扩展程序访问用户个人资料信息。这包括姓名、电子邮件地址和头像。

示例 manifest.json

{
  "name": "My Extension",
  "version": "1.0",
  "manifest_version": 3,
  "description": "This is my Chrome extension.",
  "icons": {
    "16": "icon16.png",
    "48": "icon48.png",
    "128": "icon128.png"
  },
  "permissions": [
    "tabs",
    "storage"
  ],
  "background": {
    "service_worker": "background.js"
  },
  "content_scripts": [
    {
      "matches": ["https://*/*", "http://*/*"],
      "js": ["content_script.js"]
    }
  ],
  "browser_action": {
    "default_icon": "icon48.png",
    "default_popup": "popup.html"
  }
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1629786.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【Jenkins】持续集成与交付 (四):修改Jenkins插件下载地址、汉化

【Jenkins】持续集成与交付 (四):修改Jenkins插件下载地址、汉化 一、修改Jenkins插件下载地址二、汉化Jenkins三、Jenkins 版本查看💖The Begin💖点点关注,收藏不迷路💖 一、修改Jenkins插件下载地址 由于Jenkins官方插件地址下载速度较慢,我们可以通过修改下载地…

本地CPU搭建知识库大模型来体验学习Prompt Engineering/RAG/Agent/Text2sql

目录 1.环境 2.效果 3.概念解析 4.架构图 5. AI畅想 6.涉及到的技术方案 7. db-gpt的提示词 1.环境 基于一台16c 32G的纯CPU的机器来搭建 纯docker 打造 2.效果 3.概念解析 Prompt Engineering &#xff1a; 提示词工程 RAG&#xff1a; 检索增强生成&#xff1b; …

Thinkphp--in-sqlinjection

一、漏洞原理 在 Builder 类的 parseData 方法中&#xff0c;由于程序没有对数据进行很好的过滤&#xff0c;将数据拼接进 SQL 语句&#xff0c;导致 SQL注入漏洞 的产生。 影响版本 5.0.13<ThinkPHP<5.0.15 5.1.0<ThinkPHP<5.1.5 在相应的文件夹位置打开终端…

【Kafka】Windows下安装Kafka(图文记录详细步骤)

【Kafka】Windows下安装Kafka Kafka简介一、Kafka安装前提安装Kafka之前&#xff0c;需要安装JDK、Zookeeper、Scala。1.1、JDK安装&#xff08;version&#xff1a;1.8&#xff09;1.1.1、JDK官网下载1.1.2、JDK网盘下载1.1.3、JDK安装 1.2、Zookeeper安装1.2.1、Zookeeper官网…

SpringCloud(微服务介绍,远程调用RestTemplate,注册中心Nacos,负载均衡Ribbon,环境隔离,进程和线程的区别)【详解】

目录 一、微服务介绍 1. 系统架构的演变 1 单体架构 2 分布式服务 3 微服务 2. SpringCloud介绍 SpringCloud简介 SpringCloud版本 3. 小结 二、远程调用RestTemplate【理解】 1. 服务拆分 1 服务拆分原则 2 服务拆分示例 1) 创建父工程 2) 准备用户服务 1. 用户…

03 Docker入门Dockerfile详解及镜像创建

1.1 使用 Dockerfile 构建镜像 新建一个 Dockerfile 文件vi Dockerfile 将下面的内容复制粘贴进去:## Base Images ## 从天池基础镜像构建(from的base img 根据自己的需要更换,建议使用天池open list镜像链接:https://tianchi.aliyun.com/forum/postDetail?postId=67720) F…

如何利用美国站群服务器实现有效的SEO优化策略?

如何利用美国站群服务器实现有效的SEO优化策略? 在当今数字化时代&#xff0c;SEO优化对于网站的可见性和吸引力至关重要。站群服务器作为一种有效的SEO策略&#xff0c;可以通过多个相关联的网站在不同服务器上的部署&#xff0c;增强网站的权威性和链接多样性。尤其是在利用…

Matplotlib是什么?

一、Matplotlib是什么&#xff1f; Matplotlib是一个Python语言的2D绘图库&#xff0c;它非常广泛地用于数据的可视化。以下是一些主要特点&#xff1a; 多功能性&#xff1a;它允许用户创建各种静态、动态或交互式的图表&#xff0c;如线图、散点图、直方图等。跨平台性&…

2024全国大学生高新技术竞赛——算法智星挑战赛(A~J)

好多都是之前的原题&#xff0c;甚至有上次第二届全国大学生信息技术认证挑战赛的原题&#xff0c;刚打完又来一遍&#xff0c;没绷住。 A. 手机 原题之一&#xff0c;具体出处忘了 最无脑的方法直接用map记录每个按下的值就行了&#xff0c;代码仅供参考。 #include <bit…

Android 11 裁剪系统显示区域(适配异形屏)

概述 在显示技术中&#xff0c;"OverScan"&#xff08;超扫描&#xff09;是一种调整显示图像边界的技术。通常情况下&#xff0c;OverScan 会在显示屏的边缘周围裁剪一小部分图像。这种裁剪是为了确保显示内容在屏幕上的完整可见性&#xff0c;尤其是在老式电视或投…

【缓存服务】⭐️自定义实现一个简易的数据缓存

目录 &#x1f378;前言 &#x1f37b;手写缓存服务 &#xff08;1&#xff09;缓存实体类 &#xff08;2&#xff09;缓存工具类 &#xff08;3&#xff09;测试缓存服务 &#x1f377;已有的缓存工具 &#x1f379;章末 &#x1f378;前言 俗话说 有轮子不用 就是玩 开个…

【kettle003】kettle访问SQL Server数据库并处理数据至execl文件

一直以来想写下基于kettle的系列文章&#xff0c;作为较火的数据ETL工具&#xff0c;也是日常项目开发中常用的一款工具&#xff0c;最近刚好挤时间梳理、总结下这块儿的知识体系。 熟悉、梳理、总结下Microsoft SQL Server 2022关系数据库相关知识体系 kettle访问SQL Server数…

关于远程桌面端口的优化措施的建议

在信息技术的世界中&#xff0c;远程桌面连接已成为企业、教育和个人用户之间共享信息、协作工作的重要工具。而这一切的背后&#xff0c;都离不开远程桌面端口&#xff08;RDP&#xff0c;Remote Desktop Protocol Port&#xff09;的支持。RDP端口不仅关乎到远程访问的顺畅性…

永磁同步电机SMO负载转矩观测matlab模型。

永磁同步电机SMO负载转矩观测matlab模型。 负载转矩的有效识别是提高伺服驱动系统抗负载扰动性能的关键之一。现在的传统结构的LTID滑模观测器存在频率抖动大&#xff0c;估计精度差的缺点&#xff0c;限制了其在高性能伺服系统中的应用。 本模型推导分析了传统LTID滑模观测器…

LLM大语言模型(十三):ChatGLM3-6B兼容Langchain的Function Call的一步一步的详细转换过程记录

# LangChain&#xff1a;原始prompt System: Respond to the human as helpfully and accurately as possible. You have access to the following tools: Calculator: Useful for when you need to calculate math problems, args: {\calculation\: {\description\: \calcul…

【软件安装】(十六)双系统Ubuntu22.04引导启动菜单的默认项

一个愿意伫立在巨人肩膀上的农民...... 好学的人总是喜欢在电脑上安装双系统&#xff0c;可是安装好系统之后&#xff0c;就会出现默认启动优先级的苦恼&#xff0c;如果在Bios中设置Windows引导启动为优先启动&#xff0c;那么每次想要进如Ubuntu系统就都需要重新设置Bios。如…

ubuntu的镜像源+bionic版本

首先第一步 查找和你自己ubuntu版本匹配的版本号 匹配代号如下 在终端输入lsb_release -a查看自己系统上的版本号 可以看到我这个版本号的代号是bionic。 每个版本的镜像文件都是有规律的。 bionic版本的源如下 # 阿里源 deb http://mirrors.aliyun.com/ubuntu/ bionic ma…

舌头分割YOLOV8-SEG

舌头分割&#xff0c;基于YOLOV8-SEG&#xff0c;训练得到PT模型&#xff0c;然后转换成ONNX&#xff0c;OPENCV的DNN调用&#xff0c;从而摆脱YOLO依赖&#xff0c;支持C,PYTHON,ANDROID开发 舌头分割YOLOV8-SEG

【小沐学Java】VSCode搭建Java开发环境

文章目录 1、简介2、安装VSCode2.1 简介2.2 安装 3、安装Java SDK3.1 简介3.2 安装3.3 配置 4、安装插件Java Extension Pack4.1 简介4.2 安装4.3 配置 结语 1、简介 2、安装VSCode 2.1 简介 Visual Studio Code 是一个轻量级但功能强大的源代码编辑器&#xff0c;可在桌面上…

记录些 LLM 常见的问题和解析

1、提示校准为什么有助于减轻基于提示的学习中的偏见? 提示校准包括调整提示&#xff0c;尽量减少产生的输出中的偏差。 其他&#xff1a;微调修改模型本身&#xff0c;而数据增强扩展训练数据&#xff0c;梯度裁剪防止在训练期间爆炸梯度。 2、是否需要为所有基于文本的LL…