如何根据下拉列表填充HTML页面中的用户名字段

Ceesiebird

我希望为测试人员创建一个工具,使他们的工作更加轻松。当前,他们的Excel工作表的列名称可以理解为对应于数字ID的名称。

数字ID是实际的登录名,因此他们在excel文件中查找naem并将其复制到用户名字段。

几次之后,这变得非常乏味。

我想制作一个用于篡改猴子的JS脚本,该脚本填充登录页面上的用户名和密码字段(我无法编辑其源代码,因此我使用篡改猴子)基于一个下拉菜单,该菜单向测试人员显示了可理解的名称列表并根据其选择,使用正确的数字ID填充用户名字段。

我尝试了以下方法:

 $('#username').attr('value', '4000021865');
 $('#password').attr('value', 'Test');

这使我登录了一位用户。

但是我找不到在线的任何基于TamperMonkey的基于下拉列表的工作示例,而且我也不知道从哪里开始。

如果有人能指出我正确的方向,将不胜感激。

Ceesiebird

我发现我可以重复使用的模板完全可以满足我的需求。

 // ==UserScript==
 // @name        facebook login
 // @namespace   http://123.123
 // @include     https://www.facebook.com/*
 // @version     1
 // @require     http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.7.2.js
 // @require     http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js
 // @resource    bt 
 http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css
 // @resource    bt-theme 
 http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css
 // @grant       GM_addStyle
 // @grant       GM_getResourceText
 // ==/UserScript==
(function() {
if ($('#login_form').length <= 0) {
    console.log('No login_form');
    return;
}

GM_addStyle(GM_getResourceText("bt"));
GM_addStyle(GM_getResourceText ("bt-theme"));
GM_addStyle("#menu1 a {text-align: left}");
var $loginbutton = $('#loginbutton');
var menu = '<span class="dropdown btn btn-primary" style="padding: 2px; margin: 0 0 0 5px;">' +
           '<a id="drop4" href="#" data-toggle="dropdown" role="button" style="color: #FFF">User Selection ' +
           '<b class="caret"></b>' +
           '</a>' +
           '<ul id="menu1" class="dropdown-menu" aria-labelledby="drop4" role="menu">' +
           '<li>' +
           '<a href="#" role="menuitem">kaoyenchi</a>' +
           '</li>' +
           '<li>' +
           '<a href="#" role="menuitem">tcyc</a>' +
           '</li>' +
           '<li>' +
           '<a href="#" role="menuitem">fcwu</a>' +
           '</li>' +
           '</ul>' +
           '</span>'
$loginbutton.parent().append(menu);
var accounts = {};
accounts['fcwu'] = ['', ''];
accounts['kaoyenchi'] = ['', ''];
accounts['tcyc'] = ['', ''];
accounts['timy'] = ['', ''];
$('#menu1 a').click(function() {
    name = $(this).text()
    $('#email').attr('value', accounts[name][0]);
    $('#pass').attr('value', accounts[name][1]);
    $('#login_form').submit();
});

})();

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何使用Selenium和Java在ProtonMail注册页面的用户名字段中单击

Web2py-如何自动将用户名字段转换为大写

删除用户名字段注册表格-Woocommerce

在Django管理员编辑用户表单中删除/隐藏用户名字段

Azure AD登录上的预填充用户名字段

如何在Xamarin中定义条目用户名/密码/名字/姓氏,以便android自动填充?

禁止在Woocommerce中根据名字和姓氏生成用户名

有什么办法可以在用户身份验证登录页面中更改用户名字段标签?

如何从Django userchangeform中的登录页面删除用户名字段

根据名字和姓氏填充用户名字段

如何使用Selenium VBA在iframe中的用户名字段中发送文本

用户名字段应预先填写最近用户的用户名

如何限制某人在用户名字段中输入特定的用户名?

用生成的用户名填充Django用户名字段

从UserCreationForm中删除用户名,并根据电子邮件,名字和姓氏自动为用户生成用户名

修改用户子类中的用户名字段

设计:尝试设置用户名字段

列表字段中的未知列“用户名”

通过用户名字段获取用户对象

是什么意思啊!/ etc / passwd中的用户名字段之前?

如何删除html自动填充用户名和密码?

限制类似于 Instagram 用户名字段的输入

如何使用flask在多个页面中显示用户名?

使用存储过程(显示用户名)填充下拉列表,然后显示用户全名而不是用户名 - 慢

django rest 框架 - 用户名字段未以可浏览的 api html 形式呈现

如何使用PowerShell根据名字和姓氏的文件名生成用户名

如何使 LoginView(FormView) 的 Django 用户名字段小写?

如何使用 Python Selenium 在用户名字段中发送文本

如何编写用户名字段的以下兄弟 CSS/Xpath 表达式?