填表單是打工人經常面對的場景，作為一個前端，我經常開發一些PC端的頁面，它們主要由表單和表格構成，而輸入框又是表單里最常見的表單項。接下來就試著做一個簡單的小擴展，用於快速給表單里的輸入框填充值。 ...
大家好，我是 dom 哥。我正在寫關於 Chrome 擴展開發的系列文章，感興趣的可以 點個小星星 
填表單是打工人經常面對的場景，作為一個前端，我經常開發一些PC端的頁面，它們主要由表單和表格構成，而輸入框又是表單里最常見的表單項。
接下來就試著做一個簡單的小擴展，用於快速給表單里的輸入框填充值。
Mock.js
開始前請先讓我介紹一下 Mock.js，這是一個模擬數據生成器，也正是這個庫給了我靈感。
簡而言之，Mock.js 可以生成各種各樣數據類型的假數據。Chrome 擴展要做的事就是把生成的假數據插到輸入框里。
新建項目
從零開始新建一個項目，暫且命名為 mock-input-demo，在項目里新建一個 manifest.json 文件，此時項目目錄結構應該如下：
mock-input-demo
└── manifest.json
manifest 先簡單配置一下基礎欄位：
{
"manifest_version": 3,
"name": "Mock Input",
"version": "0.1.0",
"description": "給表單輸入框快速填充假數據"
}
打開 chrome://extensions 擴展程式頁面 載入已解壓的擴展程式，選中 mock-input-demo，可以看到擴展出來了
