html - 在 chrome 中显示隐藏值

Question

我想知道是否有办法显示关键变量的值？没有答案检查，我一辈子也找不到答案。请帮助:

<form method="post" action="/webwork2//Section13.3/5/" 
  enctype="multipart/form-data" id="problemMainForm" name="problemMainForm" onsubmit="submitAction()">
  <input type="hidden" name="user" value="name" id="hidden_user" />
  <input type="hidden" name="effectiveUser" value="name" id="hidden_effectiveUser" />
  <input type="hidden" name="key" value="ZHaiEU4qkcpMc1m2kBaYrMvbOo5TktAY" id="hidden_key" />
</form>

Answer 1

这个简单的 JavaScript 函数使网站上所有隐藏的 输入可见:

function showHiddenInputs() {
    inputs = Array.from(document.getElementsByTagName('input'));
    inputs.forEach((input) => {
        if (input.type === 'hidden')
            input.type = 'text';
})}

showHiddenInputs();

浏览器控制台的一行代码:

inputs = Array.from(document.getElementsByTagName('input')); inputs.forEach((input) => { if (input.type === 'hidden') input.type = 'text'; })

如果您只想从名称为“key”的元素获取值，请在控制台中使用:

document.getElementsByName('key')[0].value

如果有多个名为“key”的元素，您可以使用任何其他数字而不是 0，或者您可以使用此循环:

elements = Array.from(document.getElementsByName('lsd'));
elements.forEach((element) => {
    if (element.type === 'hidden')
        console.log(element.value);
})