招待状はありませんが、TWIGで使用されています。次のように機能します。
ハイライトするパーツ、ブラックアウトするパーツを選択できます。次のステップでは、そのスクリーンショットが作成され（??）、送信される他のブラウザー情報をプレビューできます。
では、Googleはどのようにしてそのスクリーンショットを作成するのでしょうか。サーバー側の処理のために完全に変更されたDOMを送信しますか？または他にどのような黒魔術がここに含まれていますか？
質問する
4849 次
3 に答える
11
ハイライトとブラックアウトは単なるHTMLdivsです。ページのスクリーンショットはキャンバスです。
Chromeの開発者ツールを使用してこれを確認しました。FirefoxやInternetExplorerでも動作するので、Chromeだけではありません。
これは、ハイライト要素の1つが強調表示されている開発者ツールのスクリーンショットですdiv。
キャンバスが1つあります。
ダイアログに次のように表示された場合：
関連する領域を強調表示できるように、ページのスナップショットを撮るまでお待ちください。
サーバー上のページのスクリーンショットをレンダリングしているようです（[ネットワーク]タブにリクエストがあり、リクエストURLの変数に応じたスナップショットとフィードバックに関係しているため）、スクリーンショットを上に配置しますページ。
[次へ]をクリックすると、すべての情報を含む別のダイアログが開き、ハイライトとブラックアウトを含む最終的なスクリーンショットがレンダリングされます。
しかし、彼らが「ハイライトされたテキスト」の部分をどのように行ったかはわかりません。
于 2011-07-20T19:17:35.807 に答える
2
DOM ツリー全体をサーバーに送信し、もう一方の端でレンダリングすることができます。
于 2011-07-03T17:54:25.403 に答える
0
機能はわかりませんが、どのように説明していますか。クロスプラットフォーム機能ではなく、仕様にもありません。canvas 要素のdrawWindowを探しています。次に、キャンバスを base64/urlencode し、サーバーに送信します。彼らがIE6をサポートするためにサーバー側の黒魔術でそれをバックアップすることを想像できます..または、google +をhtml5ブラウザのみのものにします..
于 2011-06-29T22:31:43.087 に答える