フォームフィラーは、ページ上のすべての表示されているフォームフィールドに、名前、メールアドレス、電話番号、住所、パスワードなどの現実的なテストデータを入力します。フィールドのタイプ、名前、ID、自動補完(autocomplete)、プレースホルダーのヒントをスマートに検出します。関連するフィールド(姓名とメールアドレスなど)は、同じ人物情報から派生して一貫性が保たれます。チェックボックス、ラジオボタン、セレクトボックス、React 制御の入力にも対応しています。
開発中にテストフォームを何度も手動で入力するのは、非常に時間がかかる作業です。フォームフィラーは、本物のように見えるデータを使用してこのプロセスを自動化します。有効にすると、ツールは名前、姓名、メールアドレス(名前から派生)、ユーザー名、パスワード、電話番号、住所、誕生日、会社名、ウェブサイトを含む完全な偽身元を生成します。「すべてのフォームを入力」をクリックすると、表示されているすべての編集可能な入力欄、テキストエリア、セレクトボックスに適切な値が入力されます。検出はスマートで、「email」という名前や `type="email"` のフィールドにはメールアドレス、`autocomplete="given-name"` のフィールドには名、日付型フィールドには日付、数値フィールドには最小値/最大値の範囲内のランダムな値が入力されます。チェックボックスはチェックされ、ラジオグループは最初のオプションを選択、セレクトボックスは2番目のオプション(一般的なプレースホルダー用の最初のオプションをスキップ)を選択します。重要な点として、React や Vue と互換性のある `input` + `change` イベントを発行するため、制御コンポーネントも正しく更新されます(これは単純なフォームフィラーでは失敗しやすい点です)。新しい身元の生成、入力済みフィールドのスキップ、自動送信オプション、およびすべてを空に戻すクリア機能も備えています。
一貫性のある偽の身元:名前に一致するメールアドレス、住所(番地・市区町村・都道府県・郵便番号)、電話番号、会社名、誕生日、複雑さの要件を満たすパスワードを生成します。
タイプ、名前、ID、自動補完、プレースホルダー、 aria-label を検査して最適な値を選択します。「fname」、「given-name」、「firstName」はすべて「名」に対応付けられます。
ネイティブのセッターと `input`/`change` イベントを使用して制御コンポーネントを適切に更新します。単なる `.value = '...'` では失敗するケースでも動作します。
テキスト、メール、電話番号、URL、数値、日付、時刻、色、レンジ、パスワード、テキストエリア、セレクトボックス、チェックボックス、ラジオボタンのすべてを正しく処理します。
姓、名、およびメールアドレスはリンクしています。一度入力すれば、メールアドレスはランダムな文字列ではなく「[email protected]」のようになります。
入力されたフィールドは一瞬緑色に光るため、どの項目が操作されたかを確認できます。静かに入力したい場合はオフにすることも可能です。
サインアップフローを構築中ですか?「すべてのフォームを入力」を使えば、40回目となる「test」「[email protected]」の手動入力を繰り返す必要はありません。
現実的なデータ(ステークホルダーが見ても違和感のない名前や住所、電話番号)を使用して、多段階のフォームをデモできます。
複数の身元を素早く生成し、アポストロフィを含む名前、長いメールアドレス、特殊な電話番号形式などのテストを行います。
自動送信と組み合わせて、テストフォームをN回素早く送信し、スクリプトを書かずにバックエンドの処理をストレステストできます。
クライアントへのデモ中に、もっともらしいデータを考えるために立ち止まることなくフォームを入力し、デモの流れをスムーズに保ちます。
DevSuite Pro のドックにあるフォームフィラーアイコンをクリックします。身元が自動的に生成され、パネルに表示されます。
現在の名前、メール、パスワードなどを確認します。別のデータが必要な場合は、「新しい身元」をクリックして再生成します。
視覚的な確認のための「入力フィールドをハイライト」、入力後にフォームを送信する「自動送信」、既存の値を保持する「入力済みをスキップ」を切り替えます。
ページ上のすべての表示されている入力欄に適切な値が入力されます。トースト通知で、入力されたフィールド数を確認できます。
新しい身元を生成して別のデータで再入力するか、「フィールドをクリア」をクリックしてフォームを空にリセットします。
DevSuite Pro を無料でインストールして、ブラウザで 39 以上の開発者ツールを利用しましょう。