不是程序员，不会写代码，可以用 ChatGPT 生成 Google 浏览器插件？

前言

今天尝试了用chatgpt来生成google浏览器插件，大概花了15分钟左右，虽然调试过程有点曲折，但是最后功能实现了，废话不多说，下面我们就直接开整吧。

步骤

1.首先问它我要创建浏览器插件应该怎么做：

2.根据它的回答得知开发浏览器插件需要用到前端语言HTML、CSS和JavaScript，让它用JavaScript写一个猜数字大小的游戏插件：

// 生成1-100之间的随机整数
const randomNumber = Math.floor(Math.random() * 100) + 1;

// 初始化猜测次数和提示信息
let guessCount = 0;
let guessMessage = "请猜一个1-100之间的整数：";

// 获取用户输入框和提示框的DOM元素
const inputBox = document.querySelector("#guess-input");
const messageBox = document.querySelector("#guess-message");

// 给用户输入框添加按键事件
inputBox.addEventListener("keyup", function(event) {
  if (event.keyCode === 13) {
    event.preventDefault();
    checkGuess();
  }
});

// 检查用户输入的猜测数并给出相应提示
function checkGuess() {
  // 获取用户输入的猜测数
  const userGuess = Number(inputBox.value);
  
  // 判断猜测数和随机数的大小关系
  if (userGuess === randomNumber) {
    guessCount++;
    guessMessage = `恭喜你，你猜对了！你共猜了${guessCount}次。`;
    inputBox.disabled = true;
  } else if (userGuess > randomNumber) {
    guessCount++;
    guessMessage = "你猜的数太大了，请继续猜。";
  } else if (userGuess < randomNumber) {
    guessCount++;
    guessMessage = "你猜的数太小了，请继续猜。";
  }
  
  // 更新提示信息
  messageBox.textContent = guessMessage;
  
  // 清空用户输入框并聚焦
  inputBox.value = "";
  inputBox.focus();
}

// 初始化提示信息
messageBox.textContent = guessMessage;

3.因为是做客户端开发，不了解前端开发的流程，一个页面估计应该不能运行，应该是要创建一个项目，就问它整个项目的目录及相关文件，下面是它的回答：

4.下面就是根据这个目录来创建这些文件了：

5.所需文件都已经创建好了，在vscode创建guess_game项目，把文件复制到项目，icon图标让UI设计帮忙切了几张图，然后再问它接下来怎么做：

6.根据它的提示，插件在开发者模式中展示出来，并且有弹窗显示：

7.要开始调试了，在输入框中输入数字，点击Submit没有任何反应，继续让它调试：

8.在经过几轮调试后逻辑终于走通了，中间调试的步骤就省略了，基本上就是报什么错或逻辑走不通就直接问它，根据它给的结果去调试。

结论

总的来说，使用ChatGpt开发软件对于普通人来说非常容易，大大降低了软件开发的门槛。然而，这种趋势同时也引发了关于ChatGpt对于程序员是否有利的讨论。一些人认为ChatGpt能够大大提高软件开发的效率，使得程序员可以专注于更复杂的任务，从而带来更高的价值。而另一些人则担心，ChatGpt可能会取代程序员的工作，使得他们的就业前景变得不稳定。无论如何，ChatGpt的发展无疑会对软件开发和IT行业产生深远的影响，我们需要密切关注并应对这些变化。