返回

告别页面跳转烦恼，一键直达外链！**

前端

互联网时代，信息浩如烟海，获取知识和资讯早已成为人们的日常需求。在掘金、简书、CSDN 等知识分享平台，用户可以浏览海量文章，获取干货满满的知识。然而，在浏览这些文章时，经常会遇到一个令人头疼的问题：当需要查看文章中提到的外链内容时，往往需要经过多次页面跳转，十分繁琐。

为了解决这个痛点，本文将指导你编写一个 Chrome 插件，实现一键直达外链的功能。有了这个插件，当你浏览掘金、简书等网站的文章时，只需点击文章中的外链，即可直接跳转到目标页面，省去多次跳转的麻烦。

开发指南

1. 安装开发环境

首先，你需要安装 Node.js 和 Chrome 插件开发环境。具体步骤如下：

2. 创建插件项目

使用以下命令创建一个新的插件项目：

npx create-extension redirect-to-link

3. 修改 manifest.json

在 manifest.json 文件中，配置插件的基本信息，包括插件的名称、版本号和权限。

{
  "manifest_version": 3,
  "name": "Redirect to Link",
  "version": "1.0.0",
  "permissions": ["contextMenus"]
}

4. 实现插件逻辑

在 background.js 文件中，实现插件的逻辑。

chrome.contextMenus.create({
  id: "redirect-to-link",
  title: "Redirect to Link",
  contexts: ["link"],
  onclick: (info) => {
    chrome.tabs.update(info.tabId, { url: info.linkUrl });
  },
});

这段代码会创建一个右键菜单项，当你点击文章中的外链时，该菜单项会出现在你的面前。点击菜单项后，插件将自动跳转到外链页面。

5. 测试插件

将插件加载到 Chrome 浏览器中，然后访问掘金、简书或 CSDN 网站。当你点击文章中的外链时，你应该会看到右键菜单项。点击菜单项，即可直接跳转到外链页面。

结语

通过编写 Chrome 插件，我们实现了从掘金、简书等平台一键直达外链的功能。这个插件大大简化了浏览文章时的操作流程，让你的阅读体验更加流畅。如果你经常需要浏览这些平台的文章，强烈推荐你尝试使用这个插件。