ChatGPT插件搜索掘金文章教程：轻松掌握掘金知识！

前端

2023-06-08 13:54:33

如何在掘金上便捷搜索文章？掘金搜索插件来帮你！

前言

掘金作为国内知名的开发者社区，汇聚了海量的技术文章和经验分享。在掘金上查找所需信息，往往需要花费大量时间在搜索框中输入关键词，并浏览众多搜索结果。为解决这一难题，本文将介绍一款掘金搜索插件，让您在掘金上搜索文章变得更加便捷高效。

插件安装与使用

1. 安装插件

首先，您需要在 Chrome 浏览器中安装掘金搜索插件。您可以访问 Chrome 网上应用商店，搜索 "掘金搜索插件" 并将其添加到浏览器中。

2. 使用插件

安装好插件后，当您访问掘金页面时，您将在页面右上角看到一个搜索框。输入您的搜索关键词并点击搜索按钮，插件将自动跳转到掘金搜索结果页面，展示与关键词相关的文章。

插件原理

掘金搜索插件的工作原理如下：

内容脚本： 注入到掘金页面中，在页面上添加搜索框和搜索功能。
后台脚本： 在后台运行，监听用户的搜索请求，并自动跳转到掘金搜索结果页面。

代码示例

以下是插件主要代码文件的内容示例：

index.js (后台脚本)

chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
  if (changeInfo.status === 'complete' && tab.url.indexOf('juejin') > -1) {
    chrome.tabs.executeScript(tabId, { file: './content.js' });
  }
});

content.js (内容脚本)

const searchInput = document.getElementById('search-input');
const searchButton = document.getElementById('search-button');

searchButton.addEventListener('click', () => {
  const keyword = searchInput.value;
  window.location.href = `https://juejin.cn/search?query=${keyword}`;
});

manifest.json (清单文件)

{
  "manifest_version": 2,
  "name": "掘金搜索插件",
  "version": "1.0.0",
  "description": "可以在掘金页面上搜索文章的插件。",
  "permissions": [
    "activeTab"
  ],
  "content_scripts": [
    {
      "matches": ["https://juejin.cn/*"],
      "js": ["content.js"]
    }
  ]
}