【javascript】Webシステムへの入力を自動化(ブックマークレット)

概要

面倒なWebシステムへの入力作業などはありませんか?
javascriptを使えば入力作業を簡略化できるかもしれません。
ブックマークに登録しておけば実行も楽ちんです。

サンプル紹介

例として以下のテキストボックスへの入力方法を紹介します。







↓のリンクをブックマークバーにドラッグして、実行してみてください。
テキストボックスに値が入ります。

ブックマーク

作り方

基本構文は以下の通りです。
どのテキストボックスに入力するか指定が必要になります。

JavaScript
document.querySelector('テキストボックス指定').value = '入力文字列'

基本的には一意となるidやnameタグを指定します。

JavaScript
/*nameタグで指定 */
document.querySelector('input[name="email"]').value = "テスト";
document.querySelector('input[name="passward"]').value = "テスト";  

/*idで指定 */
document.querySelector('input[id="email"]').value = "テスト";
document.querySelector('input[id="passward"]').value = "テスト";

実際の指定方法は右クリック>検証でHTMLタグの構成を調べる必要があります。

備考

ログインボタンのクリックと合わせて、ログインをワンクリック化することも可能です。

JavaScript
/*idで指定 */
document.querySelector('input[id="email"]').value = "テスト";
document.querySelector('input[id="passward"]').value = "テスト";

/* ログイン */
function(){document.querySelector('input[value="ログイン"]').click();