程序员福音！一键上报掘金Bug，从此告别繁杂操作！

2023-06-20 07:02:28

告别繁琐！掘金Bug收集器插件，一键上报Bug，提高效率

序言

作为一名程序员，我们每天都面临着各种各样的Bug。这些Bug不仅影响我们的工作效率，还会导致程序崩溃或出现其他问题。为了及时发现和修复这些Bug，我们通常需要花费大量的时间来收集和上报Bug。现在，我们有了一个好消息要告诉大家！我们开发了一个Chrome插件，可以帮助您一键上报掘金Bug，告别繁杂操作，提高工作效率！

掘金Bug收集器插件介绍

功能特点：

一键自动跳转到掘金的Bug Fix页面。
自动收集Bug信息，包括Bug的标题、、截图、代码片段等。
支持将Bug信息保存为文本文件或JSON格式。
支持将Bug信息直接提交到掘金的Bug Fix页面。

优势：

操作简单，只需点击一下按钮，即可一键上报Bug。
自动收集Bug信息，省去了繁琐的手动操作。
支持多种格式保存Bug信息，方便后期处理和归档。
直接提交Bug信息到掘金Bug Fix页面，无需二次跳转。

使用场景：

这个Chrome插件非常适合程序员使用，特别是那些经常使用掘金平台的人。如果您是掘金平台的忠实用户，那么这个Chrome插件绝对是您必备的工具之一。

安装和使用

安装步骤：

打开Chrome浏览器。
在Chrome网上应用商店中搜索“掘金Bug收集器”。
点击“添加到Chrome”按钮进行安装。

使用步骤：

打开掘金平台，找到您要上报的Bug。
点击Chrome浏览器工具栏中的“掘金Bug收集器”图标。
选择“一键上报Bug”选项。
插件将自动跳转到掘金的Bug Fix页面，并自动收集Bug信息。
您可以在插件中查看Bug信息，也可以将Bug信息保存为文本文件或JSON格式。
最后，您可以直接将Bug信息提交到掘金的Bug Fix页面。

代码示例

// 掘金Bug收集器插件脚本
const bugCollector = {
  // 收集Bug信息
  collectBugInfo: () => {
    const bugInfo = {
      title: document.querySelector('h1').textContent,
      description: document.querySelector('.markdown-body').textContent,
      screenshot: document.querySelector('img').src,
      codeSnippet: document.querySelector('pre').textContent
    };
    return bugInfo;
  },

  // 提交Bug信息
  submitBugInfo: (bugInfo) => {
    fetch('https://juejin.im/welcome/flutter/issues/new', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json'
      },
      body: JSON.stringify(bugInfo)
    })
    .then(res => res.json())
    .then(data => console.log(data))
    .catch(err => console.error(err));
  }
};

// 事件监听
document.addEventListener('click', (e) => {
  if (e.target.classList.contains('bug-collector-button')) {
    const bugInfo = bugCollector.collectBugInfo();
    bugCollector.submitBugInfo(bugInfo);
  }
});