フォーム内容を記録・再利用する Chrome Extension を作ってみた


仕事の関係上、住所、氏名とかのフォーム入力を繰り返すことが多いのですが、楽をしようにも Firefox の Selenium IDE のような Chrome Extension がないので(iMacro ってのもありますが Linux Chrome で全然動かない)作ってみました。

2012-12-28 新バージョンの chrome extension に対応したので復活しました


インストール

Google Chrome Extensions で公開してます。「Install」をクリックするだけ。

使い方 – 記録(保存)

・フォームを保存したいURLを表示します。
・フォームに入力します。(送信しちゃだめ)
・AutoForm アイコンをクリック
・タイトルを入力して「Save」をクリック

記録されました。

使い方 – 再利用

・過去に AutoForm で記録したURLへアクセスします。
・AutoForm アイコンをクリックして、記録済みのタイトルをクリック

記録されたフォームの内容が反映されました。下で詳細を書きますが、パスワード(デフォルトは)、nameなしのタグは保存されません。

記録(保存)機能

フォーム値を記録する機能について。

  • URL毎に複数の設定を保存可能
  • 設定保存時にタイトル指定可能(というか必須)
  • データはローカル(あなたのPC)に保存。Password保存設定+他人と共有PCなんて人は要注意。
  • Password 欄は、デフォルト保存しない。オプション設定で変更可能。
  • 記録するタグは、input(text,password,radio,checkbox), textarea, select(multiple含む)
  • name要素がないタグは保存しない
  • 同一ページに同一タグ+同一nameの要素が存在する場合、後の値が優先される
  • 同一ページ内に複数フォームがあるとまともに動かない可能性が高い
    めんどくさいので考慮してない( ´_ゝ`)

再利用機能

記録したフォーム値を再利用する機能について

  • 記録済みのURLへアクセスすると、Extension のアイコンに数値(記録数)を表示
  • Extension のアイコンをクリック→タイトルをクリックで、フォームに記録された値が入力される
  • 記録済みの値として存在するが、フォーム側に存在しない場合、エラー表示される

編集・削除機能

記録したフォーム値の編集・削除について

  • Exntension アイコンクリックで表示されるタイトル右の画像から編集・削除が可能
  • Password保存が無効な場合、Passwordの編集は不可能
  • 保存済みのデータを一覧で見たい場合は、オプション設定から見てね
  • オプション設定からは、記録した全データの削除が可能

One Response to フォーム内容を記録・再利用する Chrome Extension を作ってみた

  1. 私もおっさん より:

    便利に使わせてもらっております。
    確認ですが、複数PCで作業している場合、1つのPCで記録したフォーム内容を、他のPCでも共有することはできますでしょうか。
    どこかに設定ファイルが保存されていて、それを他のPCに移せば使える……みたいな機能があればありがたいです。

コメントを残す

メールアドレスが公開されることはありません。

Top