3

私は Web アプリに取り組んでおり、ユーザーが実際にソフトウェアをどのように使用しているかを直接体験したいと考えています。これは私の考えです：

*HTML-DOM とカーソル位置を保存するには JavaScript を使用します。データ量を減らすために DOM を変更しただけかもしれません。※ご利用のブラウザとともにサーバーに保存してください。

記録に従って DOM を更新する JavaScript と、対応するブラウザーでマウスの動きを再現する画像を実行します。

これは以前に行われたことがありますか？これはほとんどの場合に機能しますか?

4

2 に答える 2

1

これには、次の高レベルの戦略でアプローチします。

  1. jQuerymouseoverを使用して、ページ上のユーザーのマウスの位置を記録します。これらの位置 (x、y 座標) をローカルに保存します。これらの座標を使用して、構造化されたリクエストをサーバーに送信します。

  2. Seleniumなどのブラウザ自動化フレームワークを使用して、保存された座標を「再生」します。ユーザーが見たものを確認するために、開発中のみ、ユーザーと同じパスを使用できます。例えば：

    void mouseMove(WebElement toElement, long xOffset, long yOffset)

    これにより、(現在の場所から) 新しい座標に移動します。ここに詳細があります。

  3. Selenium WebDriver でページのスクリーンショットを撮ります。詳細はこちら。

于 2013-09-20T15:35:15.540 に答える
1

circle73 が言ったように、HTML5 を使用してキャンバス経由でこれを行うことができますが、マウスの位置を追跡するとは思いません。マウスの座標を x 秒ごとに追跡する JavaScript 関数を作成できます。キャプチャしたフレームとマウスの動きを一致させることができるように、スクリーン キャプチャのタイミングを合わせるだけです。

他のオプションは、ここで回答されているように、ActiveX コントロールを介してこれを行うことです: JavaScript を使用して Web ページのスクリーンショットを撮りますか?

于 2013-09-20T15:21:11.440 に答える