メインコンテンツへスキップ

トラブルシューティング用のコンソールログ / HAR ファイルの生成

対応のブラウザでVimeoを使用している際に技術的な問題が発生した場合、Vimeoサポートより、技術的な問題のトラブルシューティングとデバッグに役立つスクリーンショットまたはファイルを添付していただくよう依頼する場合があります。これには、コンソールログとHARファイルが含まれる場合があります。

  • コンソールログは、ブラウザがウェブページのコードとどのように関わっているかについての情報を提供します。

  • HARファイル（HTTPアーカイブ形式のファイル）は、ブラウザーがネットワークレベルでウェブサイトとどのように関わっているかについての情報を提供します。

⚠️ 注：HARファイルには、録画しているページのコンテンツとCookieが含まれる場合があり、個人情報（パスワード、ユーザー ID、クレジットカード番号など) が含まれる場合があります。データをキャプチャーする前後に、以下の各ブラウザの手順に従って、必ずログをクリアしてください。

この記事では、以下からコンソールログとHARファイルを収集する方法について説明します：

Apple Safari

コンソールログ：

💡ヒント：デフォルトでは、Safariはメニューバーから開発メニューを非表示にします。デベロッパーパネル（コンソールのホーム) にアクセスするには、このメニューを有効にする必要があります。メニューバーに表示されない場合は、ブラウザーで有効にする必要があります。

開発メニューを表示するには：

  1. トップメニューから「Safari」をクリックし、「環境設定」メニューに移動します（または、キーボードで ⌘ を選択します）。
    mceclip0.png

  2. 環境設定メニューで、詳細タブをクリックします。

  3. 現在選択されていない場合は、メニューバーで「開発メニューを表示する」の横にあるチェックボックスをクリックします。

  4. トップバー（ブックマークとウィンドウの間）に開発メニューが表示されていることを確認したら、環境設定メニューを終了します。

コンソールログにアクセスするには

  1. Apple Safari で、開発メニューをクリックします。

  2. Webインスペクタを表示をクリックして、開発者パネルを開きます。

  3. コンソールタブをクリックし、パネルの右側ですべてのフィルターが選択されていることを確認します。

  4. 「コンソール」パネルを右クリックし、「ログをクリア」を選択して、過去に記録されたログをすべてクリアします。

  5. ログを保存のチェックボックスをクリックします。mceclip1.png

  6. Safariブラウザーで発生した問題を再現します。コンソールパネルがアクティビティを記録します。

  7. コンソールパネル（記録されたアクティビティログが表示されます）を右クリックし、 選択内容を保存 をクリックしてローカルドライブにファイルとして保存します。Vimeoサポートチームより依頼がある場合は、このファイルをサポートチケットに添付します。

  8. ログを保存のチェックボックスを外し、コンソールパネルを右クリックしてログをクリアをクリックし、ブラウザからコンソールアクティビティログをクリアします。

HARファイル：

  1. 上部のメニューバーで開発メニューをクリックし、Webインスペクタを表示をクリックします。

  2. Webインスペクタコンソールで、ネットワークタブをクリックします。

  3. ネットワークパネルの右側にあるごみ箱 mceclip3.pngアイコンをクリックして、ネットワーク項目の以前のキャッシュをクリアします。

  4. ログを保存のチェックボックスにチェックを入れます。

  5. Safariブラウザで発生した問題を再現します。

  6. ネットワークパネルの右上にあるエクスポートをクリックして、HARファイルをエクスポートし、ローカルドライブに保存します。Vimeoサポートチームより依頼がある場合は、このファイルをサポートチケットに添付できます。
    mceclip4.png

  7. 「ログを保存」のチェックボックスを外し、ごみ箱アイコンをクリックして、ブラウザからログを削除します。

     💡 ヒント：ブラウザウィンドウが小さすぎると、「エクスポート」ボタンが表示されない場合があります。「エクスポート」ボタンが表示されない場合は、ブラウザウィンドウのサイズを大きくしてください。

Apple Safari のトラブルシューティングの詳細については、Apple Safari のヘルプセンターをご覧ください。

Google Chrome

コンソールログ：

  1. ブラウザの右上にある3つのドット mceclip5.png マークをクリックします。

  2. その他のツール > 開発者ツールの順にクリックして、開発者ツールパネルを開きます。

  3. コンソールタブをクリックし、上部のメニューパネルでログを保存を選択します。

  4. パネルの左上にあるクリア mceclip7.png ボタンをクリックして、既存のログをクリアします。

  5. 設定の歯車 mceclip6.png アイコンクリックします。パネルの右側にあるログを保存を選択します。

  6. ブラウザで発生した問題を再現します。

  7. コンソールパネルを右クリックし、名前を付けて保存を選択して、ログをローカルハードドライブに保存します。Vimeoサポートチームより依頼がある場合は、このファイルをサポートチケットに添付できます。

  8. メニューパネルからログを保存オプションの選択を解除し、タブの左上にあるクリアボタンをクリックして、ブラウザからログをクリアします。

HARファイル：

  1. ブラウザウィンドウの右上にある3つのドット mceclip5.png マークをクリックします。

  2. その他のツール > 開発者ツールの順にクリックして、開発者ツールコンソールを開きます。

  3. ネットワークタブをクリックします。

  4. タブの左上にある「クリア mceclip7.png 」ボタンをクリックして、既存のログをクリアします。

  5. チェックボックスをクリックして、ログを保存のボックスオプションを選択します。

  6. タブの左上にある丸い「録画 mceclip8.png」ボタンを見つけて、録画を開始します。
    💡 ヒント：録画ボタンがグレー表示されている場合（例：mceclip14.png）、録画はされていません。赤色 / ハイライト表示されている場合（mceclip8.png）、録画中です。

  7. Chrome ブラウザで発生していた問題を再現します。

  8. 再現したら、パネルを右クリックして「名前を付けて保存」を選択し、HAR ファイルをローカルドライブに保存します。Vimeo サポートチームより依頼がある場合は、このファイルをサポートチケットに添付できます。

  9. クリックして「ログを保存」のチェックボックスのチェックを外し、タブの左上の角にある「クリア」ボタン mceclip7.png をクリックしてログをブラウザからクリアします。

Google Chrome のヘルプセンターで、Google Chrome のトラブルシューティングの詳細をご覧ください。

 

Microsoft Edge

コンソールログ：

  1. ブラウザウィンドウの右上にある3つのドット mceclip16.png マークをクリックします。

  2. その他のツール > 開発者ツールの順にクリックして、開発者ツールパネルを開きます。

  3. 開発者ツールパネルで、コンソールタブをクリックします。

  4. コンソールを右クリックし、既存のログのコンソールをクリアを選択します。

  5. ログを保存のチェックボックスにチェックを入れます。

  6. Edgeブラウザで発生した問題を再現します。

  7. コンソールログを右クリックし「名前を付けて保存」を選択して、ファイルにあるログをローカルハードドライブに保存します。Vimeoサポートチームより依頼がある場合は、このファイルをサポートチケットに添付できます。

  8. ログを保存のチェックボックスを外し、コンソールパネルを右クリックして、コンソールをクリアをクリックし、ブラウザからログをクリアします。

HARファイル：

  1. ブラウザウィンドウの右上にある3つのドットマークをクリックします。mceclip16.png

  2. その他のツール > 開発者ツールの順にクリックして、開発者ツールパネルを開きます。

  3. 開発者ツールパネルの上部にあるネットワークタブをクリックします。
     💡 ヒント：ブラウザウィンドウが小さすぎると、ネットワークボタンが表示されない場合があります。ネットワークボタンが表示されない場合は、開発者ツールパネルの上部にある二重矢印アイコン mceclip18.png をクリックしてください。

  4. タブの左上にあるクリアボタン mceclip19.png をクリックして、既存のログをクリアします。

  5. ログを保存のチェックボックスにチェックを入れます。

  6. タブの左上にある丸い「録画 mceclip20.png」ボタンを見つけて、録画を開始します。
    💡 ヒント：「録画」ボタンがグレー表示されている場合（例：mceclip21.png）、録画はされていません。赤色 / ハイライト表示されている場合（mceclip20.png）、録画中です。

  7. Edge ブラウザで発生していた問題を再現します。

  8. 再現したら、「HAR をエクスポート」ボタンをクリックします。Vimeo サポートチームから依頼がある場合は、このファイルをサポートチケットに添付できます。

  9. 「ログを保存」のチェックボックスのチェックを外し、タブの左上の角にある「クリア」ボタンmceclip19.pngをクリックしてログをブラウザからクリアします。

Microsoft Edge ヘルプ＆ラーニングで Microsoft Edge のトラブルシューティングの詳細をご覧ください。

 

Mozilla Firefox 

コンソールログ：

  1. Mozilla Firefox ブラウザウィンドウで、ブラウザウィンドウの右上にある 3本の水平線（ハンバーガーアイコン mceclip9.png とも言われます）をクリックします。

  2. その他のツール > 開発者ツールの順にクリックして、Web開発者パネルを開きます。

  3. コンソールタブをクリックします。

  4. パネルの左側にあるゴミ箱 mceclip11.png アイコンをクリックして、既存のログをクリアします。

  5. コンソールパネルの右側にある歯車アイコン mceclip10.png をクリックして、ログを保存を選択します。

  6. デバッグおよび XHR フィルターが有効になっていることを確認します。
    mceclip12.png

  7. Firefoxブラウザで発生した問題を再現します。

  8. コンソールパネルを右クリックし、すべてをメッセージとしてファイルに保存をクリックして、コンソールログをローカルドライブに直接保存します。Vimeoサポートチームから依頼された場合は、このファイルをサポートチケットに添付できます。

  9. コンソールパネルの右側にあるログを保存ボタンの選択を解除し、パネルの左側にあるゴミ箱アイコンをクリックして、ブラウザからログを消去します。

 

HARファイル：

  1. Mozilla Firefox ブラウザウィンドウで、ブラウザウィンドウの右上にある 3 本の水平線（ハンバーガーアイコンとも言われます）をクリックします。mceclip9.png

  2. その他のツール > 開発者ツールの順にクリックして、Web開発者パネルを開きます。

  3. ネットワークタブをクリックします。

  4. 「ネットワーク」パネルの左側にあるゴミ箱 mceclip11.png アイコンをクリックして、既存のログをクリアします。

  5. 「コンソールパネル」の右側にある歯車アイコン mceclip11.png をクリックして、「ログを保存」を選択します。

  6. Firefoxブラウザで発生していた問題を再現します。録画は自動的に開始されます。

  7. ネットワークパネルを右クリックしHARとしてすべてを保存するをクリックしてローカルドライブに保存します。Vimeoサポートチームより依頼がある場合は、このファイルをサポートチケットに添付できます。

  8. 「ネットワーク」パネルの右側にある歯車アイコン mceclip10.png をクリックして、「ログを保存」オプションの選択を外します。パネルの左側にあるゴミ箱アイコンをクリックして、ブラウザからログをクリアします。

     

Mozilla Firefox サポートで Mozilla Firefox のトラブルシューティングの詳細をご覧ください。

 

関連記事