trace

Trace（別名 T次方）は、オープンソースのChromeブラウザ拡張機能で、ウェブサイトの動作追跡とフロントエンドの詳細なデバッグ分析に特化しています。 主な機能は以下の通りです： - **Cookie追跡**：ウェブサイトによるCookieの設定および読み取り操作を記録します。 - **イベント追跡**：ページ上のEventの登録および発火を監視します。 - **オブジェクト追跡**：hookProxyメソッドを使用して、windowおよびdocumentのほとんどのプロパティとメソッドの呼び出しを追跡します。 - **スクリプト注入**：現在のページにカスタムJavaScriptコードを動的に注入します。 - **リクエストインターセプト**：正規表現に基づいてネットワークリクエストを細かくブロックし、グローバルに適用されます。これにより、Chrome標準のNetwork Request Blockingの不足を補います。 - **変数追跡**：実行時に生成される文字列およびその位置情報を記録し、データの出所を特定するのに役立ちます。キャッシュの無効化とブレークポイントを組み合わせることで、ページ遷移前に重要なURLデータをキャプチャできます。 - **JS難読化解除**：AST解析などの処理手段を用いて、難読化されたコードを復元しようと試みます。 - **レスポンスフロー**：ページのレスポンスボディを指定の宛先に二度転送し、Babelプラグインと組み合わせることでレスポンスを任意に変更できます。理論上、自動難読化解除などの高度な操作も可能です。 拡張機能は、実行環境に`Proxiable`、`DocProxiable`、`hookProxy`などのインターフェースを公開し、Consoleから直接ターゲットオブジェクトにプロキシフックをかけることができます。 インストール方法は、Chromeウェブストアからのインストール、CRXファイルのドラッグ＆ドロップによる読み込み、またはソースコードをダウンロードして開発者モードで「Load unpacked」を使用する方法があります。拡張機能は、PopupのクイックトグルページとOptionsの詳細設定ページに分かれています。変数追跡、難読化解除、レスポンスフローなどの機能を有効にした後、Chromeはデバッグ通知を表示し、その間は閉じることができません。また、設定を保存し、対象のタブで再度有効化する必要があります。 プロジェクトはBabelコンパイラとPico CSSフレームワークを使用し、MITライセンスの下で提供されています。