ソースマップを用いたJavaScriptファイルのデコード

ソースマップを用いたJavaScriptファイルのデコード

ソースコードが複数のトランザクションを経ている場合、デバッグは困難になります。このような場合にはソースマップを生成します。ソースマップは、変換されたソースをオリジナルのものとマップします。これにより、元のソースを再構築して、デバッグを容易にすることができます。ソースマップの詳細はこちら。

uglifysやwebpackを用いてソースマップを作成できます。

uglifyjsを用いたリソースマップの作成

uglifyjs [source files] \ 
-o yourjsfile.min.js \ 
--source-map yourjsfile.min.js.map \ 
--source-map-include-sources \ 
-c -m

webpackを用いたリソースマップの作成

devtool: 'source-map', 
output: { 
path: path.join(__dirname, 'dist'), 
filename: '[name].js', 
sourceMapFilename: '[name].js.map', 
},

Site24x7 RUMで作成したソースマップをインポートし、一致するスタックトレースを解析します。詳細はこちら。

    • Related Articles

    • APMモバイルRUMとモバイルAPMの違い

      モバイルAPMとモバイルRUMの違いは次のとおりです。 機能の説明 価格 モバイル APM ネイティブアプリを監視するために使われます。 どのプランにもデフォルトでは含まれていません。オプションとしてのみ購入可能です。 モバイル RUM 監視ブラウザーを通してアクセスされたWebアプリケーションのページビューをトラックします。 RUMページビューの一部としてすべてのプランで含まれます。

    • RUMで一意な接続数/訪問者数を把握する

      Site24x7のリアルユーザー監視（RUM）により、全体のアプリケーションのレベルで一意な接続数/訪問者の数を記録できます。これは各セッションでログインしたユーザーの数により計算されています。 現在、ブラウザー/装置タイプごとの一意な接続数/訪問者は対応していません。

    • リアルユーザー監視（RUM）のデータ保管期間

      Site24x7で保管されるリアルユーザー監視のデータ保管期間は次のとおりです。 No データタイプ 保管期間 1 JSエラー 1週間 2 フィルター可能なパフォーマンス、ユーザーセッション 1ヶ月 3 平均応答時間、スループット、Apdexスコア、地域ごとのユーザーセッション、デバイス、ブラウザー 3ヶ月 4 Webページパフォーマンスのメトリック 3ヶ月 5 リソースタイプ、個々のリソースの時間 3ヶ月 6 スナップショット 3ヶ月 7 ...

    • リアルユーザー監視でサポートしているクライアントサイドMVCフレームワーク

      Angular、Ember、ReactといったMVCで稼働しているWebページを監視できます。 監視を行うには、監視したいWebページのヘッダーまたはフッターにRUMスクリプトを埋め込む必要があります。 Site24x7画面からこのRUMスクリプトを取得できます。

    • APMメトリックのデータ保存期間

      Site24x7に保存されているAPMメトリックのデータ保存期間は次の表のとおりです。 データタイプ 保存期間 トレース 7日 生データやその他メトリック 30日 レポート 5年 関連ガイド： ・アプリケーションログのデータ保存期間 ・リアルユーザー監視（RUM）のデータ保存期間