console常见命令

发表于 分类于 本文字数： 1.1k 阅读时长 ≈ 2 分钟

控制台命令

简单document

1
2
3
4
5
6
7
8
// 获取所有匹配的 input 元素
const inputs = document.querySelectorAll('.un-input__inner');

// 获取第一个输入框的值
const firstInputValue = inputs[0].value; 

// 获取第二个输入框的值
const secondInputValue = inputs[1].value;

绕过前端认证提交表单的方法：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
//方法一
如果表单有 id 或 name，可以直接提交：
document.querySelector('form').submit();  // 直接提交，不触发前端验证

如果不知道 form 的选择器，可以：
document.forms[0].submit();  // 提交页面第一个表单

//方法二
如果输入框有 required 属性，可以移除它：
document.querySelector('.un-input__inner').removeAttribute('required');

//方法三：
在 <form> 上设置 novalidate 可以禁用 HTML5 表单验证：
document.querySelector('form').setAttribute('novalidate', true);

//方法四：
如果按钮有 onclick 事件阻止提交，可以覆盖它：
document.querySelector('button.un-button').onclick = null;
然后手动触发点击：
document.querySelector('button.un-button').click();

//方法五：
直接构造api：
fetch("/submit-url", {
  method: "POST",
  body: new URLSearchParams({
    field1: "value1",
    field2: "value2",
  }),
});