“未捕获的SyntaxError：意外的标识符”错误

Question

我试图做一个简单的Chrome扩展程序，当单击上下文菜单（右键单击菜单）中的选项（“添加输入框”）时，会将<input>元素添加到活动选项卡。

这是background.js文件。

//background.js

function createNewInput(info, tab){
   let input=document.createElement("input");
   input.style.position="fixed";
   input.style.left=0;
   input.style.top=0;
   input.style.width="100px";
   input.style.height="100px";
   input.style.background="green";
   chrome.tabs.executeScript({
      code: "document.body.appendChild(" + input + ");"
   });
}

chrome.contextMenus.create({
   "onclick": createNewInput,
   "title": "Add an input box"
});

这是manifest.json文件

//manifest.json
{
   "manifest_version" : 2,
   "name": "Test",
   "version": "0.1",
   "background": {
      "scripts": ["background.js"]
   },
   "permissions": [
      "contextMenus",
      "activeTab"
   ]
}

当我尝试从上下文菜单选项创建新输入时，控制台窗口（我尝试创建的页面）出现未捕获的SyntaxError错误：错误的标识符。

我已经尝试过的东西

1. 使用开发工具控制台窗口中的相同代码手动添加<input>。 （作品）

2. 检查是否有不可见的字符（零宽度空格，例如unicode U + 200b）。没有。

3. 正在检查皮棉问题。似乎没有。