天琪 发表于 2023-12-15 13:50:30

Chrome扩展开发实战:快速填充表单

大家好,我是 dom 哥。我正在写关于 Chrome 扩展开发的系列文章,感兴趣的可以 点个小星星 。
填表单是打工人经常面对的场景,作为一个前端,我经常开发一些PC端的页面,它们主要由表单和表格构成,而输入框又是表单里最常见的表单项。
接下来就试着做一个简单的小扩展,用于快速给表单里的输入框填充值。
Mock.js

开始前请先让我介绍一下 Mock.js,这是一个模拟数据生成器,也正是这个库给了我灵感。
简而言之,Mock.js 可以生成各种各样数据类型的假数据。Chrome 扩展要做的事就是把生成的假数据插到输入框里。

新建项目

从零开始新建一个项目,暂且命名为 mock-input-demo,在项目里新建一个 manifest.json 文件,此时项目目录结构应该如下:
mock-input-demo
└── manifest.jsonmanifest 先简单配置一下基础字段:
{
"manifest_version": 3,
"name": "Mock Input",
"version": "0.1.0",

"description": "给表单输入框快速填充假数据"
}
打开 chrome://extensions 扩展程序页面 加载已解压的扩展程序,选中 mock-input-demo,可以看到扩展出来了
来源:https://www.cnblogs.com/iovec/p/mock-input.html
免责声明:由于采集信息均来自互联网,如果侵犯了您的权益,请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容,谢谢合作!
页: [1]
查看完整版本: Chrome扩展开发实战:快速填充表单