开发测试技巧|辅助开发调试:goolge浏览器利用F12在控制台输入脚本实现表单自动填充

时间:2023-03-09 16:53:30
开发测试技巧|辅助开发调试:goolge浏览器利用F12在控制台输入脚本实现表单自动填充

一个开发测试技巧的指引和截图,利用google浏览器的F12调试和Console执行,注入JavaScript脚本实现表单的自动填充和测试。

原文链接:

http://www.lookdaima.com/WebForms/WebPages/Blanks/Pm/Docs/DocItemDetail.aspx?id=4fd53b23-d37a-40b2-a322-bf55a873cb33

原先的表单界面:

开发测试技巧|辅助开发调试:goolge浏览器利用F12在控制台输入脚本实现表单自动填充

原始页面

用F12并注入JavaScript脚本后的效果:

可以看到:

姓名、代号等表单已经填充了值

开发测试技巧|辅助开发调试:goolge浏览器利用F12在控制台输入脚本实现表单自动填充

F12并执行脚本的效果

执行的JavaScript脚本参考:

function DevFillClick( ) {

document.getElementById("txtd_TheName").value = "管理员";
document.getElementById("txtd_TheCode").value = "管理员";

document.getElementById("txtd_ShowSeq").value = "0";

}

DevFillClick();