エラー発生時ログの取得方法(GoogleChromeの場合)

以下手順にてコンソールログとネットワークログを取得することが可能です。

目次

 

コンソールログの取得方法

  1. 不具合の事象を再現させます。
  2. ブラウザ右上「︙」をクリックし、[その他のツール]→[デベロッパーツール]をクリックしてください。
    ブラウザのメニューからデベロッパーツールを開く手順
    ※Chatwork Liveの画面の場合
    不具合の発生しているLive画面で右クリックし、表示されるメニューから「要素の検証」(もしくは「検証」)をクリックすることでデベロッパーツールを選択することが可能です。
    Chatwork Liveの右クリックメニューから要素の検証を選択する画面
  3. デベロッパーツール内の「Console」タブを選択します。
    デベロッパーツールのConsoleタブ
  4. 「Console」タブに出力されているログにカーソルを持っていき右クリック、「Save As ...」を選択しログを保存します。
    ConsoleタブのログをSave As...で保存する

 

ネットワークログの取得方法

  1. ブラウザ右上「︙」をクリックし、[その他のツール]→[デベロッパーツール]をクリックしてください。
  2. デベロッパーツール内の「Network」タブを選択します。
    デベロッパーツールのNetworkタブ
  3. 以下ボタンが赤くなっているか確認してください。
    ボタンが灰色の場合、クリックすると赤くなりますので一度クリックしてください。
    Networkタブの録音ボタンが赤色になっている状態
  4. 「Preserve log」にチェックを入れます。
    NetworkタブのPreserve logにチェックが入った状態
  5. 以下ボタンをクリックし、一度「Network」タブに表示されていたログを消去します。
    Networkタブのログを消去するクリアボタン
  6. 不具合の事象を再現させます。
  7. 「Network」タブに出力されているログにカーソルを持っていき右クリック、「Save all as HAR with content」をクリックしログを保存します。
    ※「Save all as HAR with content」が表示されない場合「Copy all as HAR(sanitized)」(「すべてをHARとしてコピー」)を選択するとクリップボードにコピーされますので、テキストエディタに貼り付け、ファイルとして保存してください。
    (拡張子は、可能でしたら「.har」または「.txt」で保存してください。)
    NetworkタブのログをSave all as HAR with contentで保存する
  8. ログ取得後、再ログインをお試しください。