谷歌插件开发基础

最新推荐文章于 2025-02-26 10:56:35 发布
最新推荐文章于 2025-02-26 10:56:35 发布
阅读量1k 收藏 7
点赞数 1
分类专栏： 插件 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_31930427/article/details/134308249
版权

一、资料来源

  • 插件开发官方文档主页

https://developer.chrome.com/docs/extensions/

  • manifest清单文件

https://developer.chrome.com/extensions/manifest

  • permissions权限

https://developer.chrome.com/extensions/permissions

  • api文档

https://developer.chrome.com/extensions/api_index

  • 匹配规则

https://developer.chrome.com/extensions/match_patterns

二、前言

1. 什么是Chrome插件？

      Chrome插件是一个用Web技术开发、用来增强浏览器功能的软件，可以改变浏览器行为，添加新的功能，从而提高用户体验。需要的知识:HTML，JavaScript，CSS，谷歌浏览器插件接口。

2. Chrome插件有什么好处，能干什么？

       提供已有功能和各种API，进行功能组合，从而增强浏览器网页的功能，改善浏览器体验，轻松实现属于自己的 “定制版” 浏览器。

      通过Chrome插件，你可以实现包括但不限于以下相关功能：

  • 书签控制
  • 下载控制
  • 窗口控制
  • 标签控制
  • 网络请求控制
  • 各类事件监听
  • 自定义原生菜单
  • 完善的通信机制

三、开发与调试

  • Chrome插件只要保证目录有一个`manifest.json`即可
  • 可通过浏览器右上角    更过工具->扩展程序->管理扩展程序  进入插件管理页面，也可以地址栏输入  chrome://extensions/  进入
  • 需打开开发者模式，然后可以直接加载文件夹安装插件，否则只能安装`.crx`格式的文件。

四、学习内容

1. 基本模块了解

  • manifest.json（Chrome 扩展的配置文件，必须文件）
  • service-worker.js（浏览器在后台运行的基于事件的脚本，通常用于处理数据的事件管理器，使用场景例如：首次安装扩展做某些操作，定义右键菜单，content通信监听等）
  • content-script.js（允许扩展程序与浏览器中的页面交互并修改页面。例如，可以在页面上插入新元素、更改网站的样式等）
  • 扩展页面（popup.html插件弹窗页，options.html选项页，sidepanel.html侧面板）

2. manifest.json基础

{

  "name": "demo",//插件名称
  "description": "这是一个简单的插件demo!",//插件介绍
  "version": "1.0",//插件版本
  "manifest_version": 3,//V3版本
  "background": {
    "service_worker": "background.js" //后台服务js
  },
  "permissions": ["tabs", "storage", "contextMenus", "notifications", "activeTab", "scripting"],//权限
  "action": {
    "default_popup": "popup.html",//点击插件弹出的文件
    "default_title": "DEMO测试",//地址栏下的title
    "default_icon": {//地址栏下的图标设置
      "16": "/images/demo16.png",
      "32": "/images/demo32.png",
      "48": "/images/demo48.png",
      "128": "/images/demo128.png"
    }
  },
  "icons": {//开发者插件图标
    "16": "/images/demo16.png",
    "32": "/images/demo32.png",
    "48": "/images/demo48.png",
    "128": "/images/demo128.png"
  },
  "options_page": "options.html",//右键插件图标的->选项页面
  "homepage_url":"https://www.bilibili.com/",//插件主页，可跳转到配置的url
  "content_scripts": [
        {
            //"matches": ["http://*/*", "https://*/*"],
            // "<all_urls>" 表示匹配所有地址
            "matches": ["<all_urls>"],
            // 多个JS按顺序注入
            "js": ["js/content-script.js"],
            // 注入到匹配页面的 CSS 
            "css": ["css/custom.css"],
            // 代码注入的时间，可选值： "document_start", "document_end", or "document_idle"，最后一个表示页面空闲时，默认document_idle
            "run_at": "document_start",
            "match_about_blank":false //是否注入父框架
        }
    ],
  //快捷键
  "commands": {
    "_execute_action": {
      "suggested_key": {
        "windows": "Ctrl+Shift+Y",
        "mac": "Command+Shift+Y",
        "chromeos": "Ctrl+Shift+U",
        "linux": "Ctrl+Shift+J"
      }
    }
  },
  //使用 Google Chrome 的地址栏（也称为多功能框）注册关键字
  "omnibox": { "keyword" : "test" },
  //将内容与网页的主要内容一起托管在浏览器侧面板中
  "side_panel": {
    "default_path": "side_panel.html",
    "openPanelOnActionClick": true //点击图标启用
  }
}

3. 插件权限

  • 基本介绍

大致权限分为必需权限与可选权限

  • 权限配置
  1. permissions

声明必须权限

  1. optional_permissions

声明可选权限，需要在运行时由用户确认

  1. host_permissions

声明必须 host 权限，允许扩展程序访问的目标网站

  • 注意项
  1. 不管是什么权限，都需要在 manifest.json 中声明
  2. 如果是必须权限，声明完就可以了，但如果是可选权限，则还需要在代码中请求用户授权
// 请求可选权限
chrome.permissions.request({
  permissions: ['tabs'],
  origins: ['https://www.google.com/']
}, (granted) => {
  if (granted) {
    doSomething();
  } else {
    doSomethingElse();
  }
})

// 检查扩展程序当前权限
chrome.permissions.contains({
  permissions: ['tabs'],
  origins: ['https://www.google.com/']
}, (result) => {
  if (result) {
    // The extension has the permissions.
  } else {
    // The extension doesn't have the permissions.
  }
});

// 删除权限
chrome.permissions.remove({
  permissions: ['tabs'],
  origins: ['https://www.google.com/']
}, (removed) => {
  if (removed) {
    // The permissions have been removed.
  } else {
    // The permissions have not been removed (e.g., you tried to remove
    // required permissions).
  }
});

4. 消息传递

内容脚本在网页而不是扩展的上下文中运行，因此它们通常需要某种方式与扩展的其余部分进行通信。扩展及其内容脚本之间的通信通过使用消息传递进行。任何一方都可以监听另一端发送的消息，并在同一通道上做出响应。

  • 一次性消息传递
  1. runtime.sendMessage
  2. tabs.sendMessage
// content 向 background或popup传递
(async () => {
  const response = await chrome.runtime.sendMessage({greeting: "hello"});
  // do something with response here, not outside the function
  console.log(response);
})();

// background或popup接收
chrome.runtime.onMessage.addListener(
  function(request, sender, sendResponse) {
    if (request.greeting === "hello")
      sendResponse({farewell: "goodbye"});
  }
);

// background或popup 向content传递
(async () => {
  const [tab] = await chrome.tabs.query({active: true, lastFocusedWindow: true});
  const response = await chrome.tabs.sendMessage(tab.id, {greeting: "hello"});
  // do something with response here, not outside the function
  console.log(response);
})();

// content接收
chrome.runtime.onMessage.addListener(
  function(request, sender, sendResponse) {
    if (request.greeting === "hello")
      sendResponse({farewell: "goodbye"});
  }
);
  • 长期连接
  1. runtime.connect
  2. tabs.connect
// content 发送及监听
var port = chrome.runtime.connect({name: "knockknock"});
port.postMessage({joke: "Knock knock"});
port.onMessage.addListener(function(msg) {
  if (msg.question === "Who's there?")
    port.postMessage({answer: "Madame"});
  else if (msg.question === "Madame who?")
    port.postMessage({answer: "Madame... Bovary"});
});
// 扩展程序向内容脚本
var port = chrome.tabs.connect({name: "knockknock"});
port.postMessage({joke: "Knock knock"});
port.onMessage.addListener(function(msg) {
  if (msg.question === "Who's there?")
    port.postMessage({answer: "Madame"});
  else if (msg.question === "Madame who?")
    port.postMessage({answer: "Madame... Bovary"});
});
// 内容或扩展页
chrome.runtime.onConnect.addListener(function(port) {
  console.assert(port.name === "knockknock");
  port.onMessage.addListener(function(msg) {
    if (msg.joke === "Knock knock")
      port.postMessage({question: "Who's there?"});
    else if (msg.answer === "Madame")
      port.postMessage({question: "Madame who?"});
    else if (msg.answer === "Madame... Bovary")
      port.postMessage({question: "I don't get it."});
  });
});
  • 扩展程序通信
  1. runtime.onMessageExternal
  2. runtime.onConnectExternal
// 监听
chrome.runtime.onMessageExternal.addListener(
  function(request, sender, sendResponse) {
    if (sender.id === blocklistedExtension)
      return;  // don't allow this extension access
    else if (request.getTargetData)
      sendResponse({targetData: targetData});
    else if (request.activateLasers) {
      var success = activateLasers();
      sendResponse({activateLasers: success});
    }
  });

chrome.runtime.onConnectExternal.addListener(function(port) {
  port.onMessage.addListener(function(msg) {
    // See other examples for sample onMessage handlers.
  });
});

// 发送
// The ID of the extension we want to talk to.
var laserExtensionId = "abcdefghijklmnoabcdefhijklmnoabc";

// Make a simple request:
chrome.runtime.sendMessage(laserExtensionId, {getTargetData: true},
  function(response) {
    if (targetInRange(response.targetData))
      chrome.runtime.sendMessage(laserExtensionId, {activateLasers: true});
  }
);

// Start a long-running conversation:
var port = chrome.runtime.connect(laserExtensionId);
port.postMessage(...);
  • 从网页发送消息

扩展程序可以接收来自网站的消息，使用此功能需要在manifest.json中指定externally_connectable特定的url

// 配置示例
"externally_connectable": {
  "matches": ["https://*.example.com/*"]
}
  • 从网站向扩展程序发送
// The ID of the extension we want to talk to.
var editorExtensionId = "abcdefghijklmnoabcdefhijklmnoabc";

// Make a simple request:
chrome.runtime.sendMessage(editorExtensionId, {openUrlInEditor: url},
  function(response) {
    if (!response.success)
      handleError(url);
  });
// connect
var port = chrome.runtime.connect(laserExtensionId);
port.postMessage(...);
  • 扩展程序接收
// onMessageExternal
chrome.runtime.onMessageExternal.addListener(
  function(request, sender, sendResponse) {
    if (sender.url === blocklistedWebsite)
      return;  // don't allow this web page access
    if (request.openUrlInEditor)
      openUrl(request.openUrlInEditor);
  });

// onConnectExternal
chrome.runtime.onConnectExternal.addListener(function(port) {
  port.onMessage.addListener(function(msg) {
    // See other examples for sample onMessage handlers.
  });
});

5. 安全相关

  1. 通过将侦听器限制为扩展程序所期望的内容、验证传入数据的发送者以及清理所有输入，保护扩展程序免受恶意脚本的侵害。
  2. 发送消息接收返回的信息避免使用eval,innerHTML 等操作，避免侵害。

6. 存储storage

使用 chrome.storage API 存储、检索和跟踪对用户数据的更改。

  1. storage.local（数据存储在本地，当扩展被删除时，数据将被清除。）
  2. storage.sync（如果启用同步，数据将同步到用户登录的任何 Chrome 浏览器。如果禁用，其行为类似于storage.local. 当浏览器离线时，Chrome 会在本地存储数据，并在重新上线时恢复同步。）
  3. storage.session（在浏览器会话期间将数据保存在内存中。默认情况下，它不会暴露给内容脚本，但可以通过设置更改此行为，在浏览器会话期间将数据保存在内存中。默认情况下，它不会暴露给内容脚本，但可以通过设置更改此行session.setAccessLevel）
  4. managed（managed存储区域要求其结构声明为JSON Schema，并由 Chrome 严格验证。）

需要权限清单

{
...
"permissions": [
    "storage"
  ],
}

基本使用方式

// local
chrome.storage.local.set({ key: value }).then(() => {
  console.log("Value is set");
});

chrome.storage.local.get(["key"]).then((result) => {
  console.log("Value currently is " + result.key);
});


// sync
chrome.storage.sync.set({ key: value }).then(() => {
  console.log("Value is set");
});

chrome.storage.sync.get(["key"]).then((result) => {
  console.log("Value currently is " + result.key);
});

// session
chrome.storage.session.set({ key: value }).then(() => {
  console.log("Value was set");
});

chrome.storage.session.get(["key"]).then((result) => {
  console.log("Value currently is " + result.key);
});


// managed
// 先声明
{
  "name": "My enterprise extension",
  "storage": {
    "managed_schema": "schema.json"
  },
  ...
}

// Chrome 的 JSON Schema 格式有一些额外的要求：
// 顶级架构必须具有类型object。
// 顶层object不能有additionalProperties。所properties声明的是本次延期的政策。
// 每个模式必须有一个$ref值或恰好有一个值type。

其他使用方式

// 以storage.sync举例

// 删除指定key的一个或多个数据项
chrome.storage.sync.remove(keys, function() {...})

// 清空存储的所有数据项
chrome.storage.sync.clear(function(){…})

// 获取当前已经被使用的存储空间的数量（以字节为单位）
chrome.storage.sync.getBytesInUse(keys, function(integer bytesInUse) {...})

//对于某些敏感数据的变化，可以通过onChanged事件进行监听。存储格子中的任何变化都将触发该事件
chrome.storage.onChanged.addListener(function(changes, namespace) {
  for (key in changes) {
    var storageChange = changes[key];
    console.log(
      key, //数据的索引key
      namespace, //数据的存储空间类型，枚举值"sync", "local", "managed"
      storageChange.oldValue,//变化前的值
      storageChange.newValue); //变化后的值
    }
});

7. 注入脚本

  • 静态声明

manifest.json 中使用静态内容脚本声明。

{
 "name": "My extension",
 ...
 "content_scripts": [
   {
     "matches": ["https://*.nytimes.com/*"],
     "css": ["my-styles.css"],
     "js": ["content-script.js"]
   }
 ],
 ...
}
  • 动态声明

使用chrome.scripting API

  1. 注册内容脚本。
  2. 获取已注册内容脚本列表。
  3. 更新已注册内容脚本列表。
  4. 删除注册的内容脚本。
chrome.scripting
  .registerContentScripts([{
    id: "session-script",
    js: ["content.js"],
    persistAcrossSessions: false,
    matches: ["*://example.com/*"],
    runAt: "document_start",
  }])
  .then(() => console.log("registration complete"))
  .catch((err) => console.warn("unexpected error", err))

chrome.scripting
  .updateContentScripts([{
    id: "session-script",
    excludeMatches: ["*://admin.example.com/*"],
  }])
  .then(() => console.log("registration updated"));

chrome.scripting
  .getRegisteredContentScripts()
  .then(scripts => console.log("registered content scripts", scripts));

chrome.scripting
  .unregisterContentScripts({ ids: ["session-script"] })
  .then(() => console.log("un-registration complete"));
  • 编程方式

要以编程方式注入内容脚本，您的扩展需要其尝试注入脚本的页面的主机权限。主机权限可以通过请求作为扩展程序清单的一部分来授予（host_permissions），也可以通过manifest.json中permissions声明activeTab临时授予。

// 文件注入
chrome.action.onClicked.addListener((tab) => {
  chrome.scripting.executeScript({
    target: { tabId: tab.id },
    files: ["content-script.js"]
  });
});

// 函数注入
// 请注意，注入的函数是调用中引用的函数的副本，而不是原始函数本身。因此，函数体必须是独立的；对函数外部变量的引用将导致内容脚本抛出
function injectedFunction(color) {
  document.body.style.backgroundColor = color;
}

chrome.action.onClicked.addListener((tab) => {
  chrome.scripting.executeScript({
    target : {tabId : tab.id},
    func : injectedFunction,
    args : [ "orange" ]
  });
});

其他使用

// 返回与给定过滤器匹配的此扩展的所有动态注册的内容脚本
chrome.scripting.getRegisteredContentScripts(
  filter?: ContentScriptFilter,
  callback?: function,
)

// 将 CSS 样式表插入到目标上下文中。
chrome.scripting.insertCSS(
  injection: CSSInjection,
  callback?: function,
)

// 注册一个或多个内容脚本。
chrome.scripting.registerContentScripts(
  scripts: RegisteredContentScript[],
  callback?: function,
)

// 从目标上下文中删除此扩展先前插入的 CSS 样式表。
chrome.scripting.removeCSS(
  injection: CSSInjection,
  callback?: function,
)

// 取消注册此扩展的内容脚本。
chrome.scripting.unregisterContentScripts(
  filter?: ContentScriptFilter,
  callback?: function,
)

// 更新此扩展的一个或多个内容脚本。
chrome.scripting.updateContentScripts(
  scripts: RegisteredContentScript[],
  callback?: function,
)

8. 国际化i18n

实现国际化需要创建固定文件夹_locales/_localeCode_国家语言前缀/messages.json

_locales/zh_CN/messages.json
_locales/en/messages.json

指定默认语言

//manifest.json

{
...
"default_locale":"zh_CN"
}

谷歌插件开发：创建自己的第一个Google插件
m0_73088928的博客
05-09 1524
今天我们将深入探讨如何创建自己的第一个 Google 插件！Google 插件是一种强大的工具，可以扩展浏览器的功能，为用户提供个性化的体验。本节将详解地讲解创建 Google 插件的流程，并介绍一些核心概念，帮助您深入学习和实践。无需担心，即使您是一个新手，本节也会以通俗易懂的方式来解释所有概念和步骤，让您能够轻松上手。让我们一起开始这个有趣而富有创造力的旅程吧！
Chrome插件开发流程
kcarly的专栏
02-16 694
希望这些信息对你有所帮助！- **Chrome API**：深入学习Chrome提供的API，实现更复杂的功能。- **加载扩展程序**：通过Chrome浏览器的扩展程序页面加载已解压的插件文件。- **manifest.json**：插件的配置文件，定义插件的基本信息和权限。- **打包插件**：使用命令行工具将插件文件压缩成 `.crx` 文件。- **背景脚本（background）** ：后台脚本的路径。- **描述（description）** ：插件的简短描述。
chrome插件开发 - tab页面切换插件
12-10
本插件是基于谷歌浏览器的，方便打开页面过多进行页面切换、多屏幕切换
Chrome插件开发教程：从入门到精通
最新发布
H_ello_word的博客
02-26 1210
从零开始学习Chrome插件开发，包含基础知识、实战案例和最佳实践，帮助你快速掌握Chrome插件开发技能
Chrome扩展开发指南(7)——Themes(主题制作)
kerson的专栏
09-23 2275
<br />Chrome扩展开发指南(7)——Themes(主题制作)<br />在Chrome中，主题当做一个特殊的插件处理。主题要像普通文件一样打包，但是主题中不包含HTML或者JavaScript代码。<br />你可以在主题库里找到一些主题下载。<br />下面只是简单介绍下主题制作，详细的内容可以参考http://code.google.com/p/chromium/wiki/ThemeCreationGuide<br /><br />主题是在Manifest文件中定义的。下面是个定义主题的典型例
chrome浏览器插件开发
我的博客
08-31 4907
发布应用（扩展）时，这个目录全部打包到一个应用（扩展）名是.crx的压缩文件中。360中文文档：https://open.chrome.360.cn/extension_dev/overview.html。chrome非官方文档（中文版） https://crxdoc-zh.appspot.com/extensions/chrome官方文档（英文版） https://developer.chrome.com/extensions。
GoogleDesktop插件开发 – 建立开发环境
国产开源 GUI 引擎 AWTK
04-23 3339
GoogleDesktop插件开发 – 建立开发环境 Google推荐的开发环境是VS 2003，GoogleDesktop的插件是基于COM的，而COM是语言无关的，所以你可以用任何能开发COM的工具（语言）开发。 如果你使用的VS 2003或者VS 2005，建立开发环境非常容易。不过，如果你像我一样恋旧，还是喜爱VC6的简洁快速，排斥庞大缓慢的VS 2003或者VS 2005
谷歌浏览器插件开发
qq_27410185的博客
11-14 2679
对于浏览器插件相信大家都不陌生，谁的浏览器不装几个好用的插件呢，更是有油猴这个强大的神器。对于这个问题，其实很长时间以来我是一直有想法但从来没有付出行动，直到前一段时间有朋友找我写一些关于浏览器自动化的程序，当然如果简单的话，直接在控制台运行js脚本就可以了（但是真的不好用），转念一想，浏览器插件也许也是一个不错的选择，感觉应该不会太难，就去稍微了解了一下，有这个想法另一方面原因之前是有看到关于用c#来直接写浏览器插件的，嗯，没错，就是Blazor。还是花了点时间去研究这个东西，最后发现，极为难用。
谷歌插件开发（实现CSDN快速登陆）
学而时习之
10-29 3680
谷歌浏览器插件带来了很大的方便，于是就想着是不是也可以开发一个来用用。几经折腾下，开发了个CSDN快速 登陆的插件。下面简述一下开发的步骤。 1、开发工具：谷歌浏览器（我开发时用的是chrome 30.0.1599.101 ）、HTML/JS/CSS/JSON开发工具（UE、VS等，当然也可以用记事本） 2、开发过程 （1）新建清单文件manifest.json：该名字不可以改。下面是代码
如何开发一个google插件(一)
张致豪
12-21 1572
google插件是安装在google浏览器中的扩展程序，这个扩展程序也是基于html、css、js开发而来的，并且浏览器提供了额外的API供扩展程序使用。目前最新插件API版本是v3，v2版本会逐步被淘汰（网络上大部分插件api教程都是基于v2版本的，v3版本有很多不兼容变化，此次分享为v3版本）开发的google插件可以应用到以Chromium为内核的浏览器中，如360浏览器、qq浏览器等。
谷歌插件开发
Nieyigo的博客
05-25 4169
前言 今天老大突然叫我去学习谷歌插件的开发，我直接黑人问号脸？这是我一个前端应该掌握的知识点吗？了解之后才发现谷歌插件原来也是用前端三件套开发的，前端还真是万能的呀，不多说，迅速步入正题 导入 开发一个谷歌插件的第一步就是先学会导入，首先这里你先创建一个任意名字的文件夹，在创建一个入口文件manifest.json，插件的配置都是在这里面进行配置的，主题就是一个json对象，格式大概如下 { "name": "demo", //设置插件名 "manifest_version": 2, //
chrome插件开发文档
03-11
chrome 插件开发文档，官方版本需要的拿去用，不过都是英文的哦
Chrome Extension （Chrome插件）开发官方最新文档（20190401）
04-01
Chrome插件开发指南---有开发chrome插件的同学可以学习一下
谷歌浏览器插件开发代码demo | google-chrome-plugin-demo.zip
01-14
本压缩包"google-chrome-plugin-demo.zip"包含了一个完整的Chrome插件开发代码示例，名为"full-chrome-plugin-demo"，非常适合初学者和开发者探索和学习如何构建自己的Chrome插件。 1. **Chrome插件结构**： ...
chrome插件开发文档-详细pdf版.7z
09-02
这份"chrome插件开发文档-详细pdf版"将为开发者提供全面的指南，涵盖从基础概念到高级技术的所有内容。 首先，开发Chrome插件的基础知识包括理解manifest文件。manifest.json是每个Chrome插件的核心，它包含了插件...
Chrome插件开发3.0
08-09
Chrome插件开发3.0是关于构建和优化Google Chrome浏览器扩展程序的一门技术主题。随着互联网的快速发展，浏览器插件已经成为提升用户体验、增强浏览器功能的重要工具。Chrome作为全球最受欢迎的浏览器之一，其丰富的...
谷歌插件开发实例(CSDN快速登陆)
10-29
本实例以"谷歌插件开发实例(CSDN快速登陆)"为主题，将介绍如何构建一个能够帮助用户便捷登录CSDN（China Software Developer Network）的Chrome扩展。 首先，了解谷歌插件的基本结构至关重要。一个基本的Chrome插件...
chrome 插件开发入门
热门推荐
simon的博客
09-03 1万+
chrome 插件开发入门
开发chrome插件
weixin_35757191的博客
12-17 907
好的，开发 Chrome 插件的步骤如下： 准备开发环境：需要安装 Chrome 浏览器和一个文本编辑器(如 Sublime Text、VS Code 等)。 创建插件目录：在电脑上新建一个文件夹，用来存放插件文件。 创建 manifest.json 文件：manifest.json 文件是插件的配置文件，包含了插件的基本信息、功能定义和权限要求等。 编写插件代码：根据插件的功能需求，使用...
谷歌插件开发实战：CSDN快速登录插件详解
谷歌插件（Chrome Extension）是一种为Google Chrome浏览器设计的...通过上述内容，我们可以了解到谷歌插件开发的基础知识以及一个具体案例的实现方法。理解这些知识点对于开始Chrome扩展程序的开发工作非常有帮助。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值