在JS中将值设置为<input />的错误

Question

在Safari和Chrome中，我对输入字段的设置值有疑问。如果您打开instagram登录页面并从控制台致电。

var username = document.getElementsByName("username")[0];
username.value = "123";

此值出现在输入中之后。如果我开始在其他输入字段中输入内容，则用户名字段中的值将消失。我想在特定网站上实现自动填充输入。

修改

也尝试使用jQuery失败。在Coursera上登录page

var jqry = document.createElement('script');
jqry.src = "https://code.jquery.com/jquery-3.3.1.min.js";
document.getElementsByTagName('head')[0].appendChild(jqry);
$('input[name=email]').val("123").trigger('change');

已设置值，但在我输入密码输入后，它将重置为先前的值。

---

在评论中

@ vincent-d：

  

您无能为力，这是为了防止xss攻击。如果你   创建一个执行此命令的Chrome模块或网站，它将   工作。但是，如果您只是尝试在控制台中输入它，则会得到   本地即时结果，则对网页javascript的任何调用   将重置您在控制台中完成的所有操作