-
Notifications
You must be signed in to change notification settings - Fork 51
How to collect logs
Embbnux Ji edited this page Jun 14, 2024
·
3 revisions
- Right click at the web page, and select Inspect to open Chrome developer tool.
- Click more icon in developer tool, undock the developer tool into separate window
![PastedGraphic-1](https://private-user-images.githubusercontent.com/7036536/316364231-597360b2-1b2f-41de-9dc3-1faea2da0770.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU3NTkxMTAsIm5iZiI6MTcyNTc1ODgxMCwicGF0aCI6Ii83MDM2NTM2LzMxNjM2NDIzMS01OTczNjBiMi0xYjJmLTQxZGUtOWRjMy0xZmFlYTJkYTA3NzAucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDkwOCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA5MDhUMDEyNjUwWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MGQxNzM3MzQzMzZkMTg5Nzg0NjkzMzJlMTAzNjk5YTUyODNhZDA0ODUyOTkwZDJjNDI1NTFmMjUxMWMzODg3YSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.CLn_JSb7BTvu9URjZMKUIFYlbtdmeVyZvPILXWuWRvA)
- Click settings, and select show timestamp in console
![PastedGraphic-3](https://private-user-images.githubusercontent.com/7036536/316364323-6a21ba8b-b3bf-4100-a416-08f6151323c3.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU3NTkxMTAsIm5iZiI6MTcyNTc1ODgxMCwicGF0aCI6Ii83MDM2NTM2LzMxNjM2NDMyMy02YTIxYmE4Yi1iM2JmLTQxMDAtYTQxNi0wOGY2MTUxMzIzYzMucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDkwOCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA5MDhUMDEyNjUwWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9YzAwMjBkNGE0Y2I3ZjRiYmExZGE4MzY3YzQ5ZjQwYTdlNWE3M2ZkZjJmOTZiNjY2MDRjMDA4Njg0OTdhNjlkZSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.paA85xmhvaqwAfekSQzTyvGvPkLIvW3uz7NunwRT_WU)
- Go to Console panel, click settings and select preserve log
![PastedGraphic-2](https://private-user-images.githubusercontent.com/7036536/316364410-f47fb8d0-62f8-4901-81c8-15a5a5e8b8de.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU3NTkxMTAsIm5iZiI6MTcyNTc1ODgxMCwicGF0aCI6Ii83MDM2NTM2LzMxNjM2NDQxMC1mNDdmYjhkMC02MmY4LTQ5MDEtODFjOC0xNWE1YTVlOGI4ZGUucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDkwOCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA5MDhUMDEyNjUwWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZmE3OTIxODk3NDRjNTY4ZjY4N2UwNzIyMDhjZGExNTcxYzBhODE0YzE4MTgxNzdjYzIwOTU1YzlkOGRmODRhZiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.-sOgUGnhG0Tq9ulWFC7PX9XuK3RruskrN6arVyv-k1A)
- Go to network, also select preserve log
![PastedGraphic-4](https://private-user-images.githubusercontent.com/7036536/316364515-69e672a7-edf3-4b42-8b4a-a33f2f57b7bc.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU3NTkxMTAsIm5iZiI6MTcyNTc1ODgxMCwicGF0aCI6Ii83MDM2NTM2LzMxNjM2NDUxNS02OWU2NzJhNy1lZGYzLTRiNDItOGI0YS1hMzNmMmY1N2I3YmMucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDkwOCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA5MDhUMDEyNjUwWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MTAxMTIyMDhhNzQ1NzJkMTY1MWMxOGNhMWYxNjAxNWM5OTljZjNhNGY5NjExNWNiYjg1MmM1YThkNDYwOTZmMSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.PonWBf-PhAkCSTKZv2G_weFIJRz_Yv0UDKCu-tC0WcY)
- Keep the developer tool opened, and use the integration as you do previously. You can put it in background, so it will not effect your work.
- Refresh the page with the widget. Use it as normal in the widget, and see if the issue can be reproduced. If you are collecting logs for multiple tabs, do 1-7 for every tab with the widget integration, then you will have multiple chrome developer tool window opened.
- If the issue is not reproduced, keep use it until you find the issue is reproduced.
- Once the issue is reproduced, go back to Chrome developer tool
- Go to Console panel, right click at logs and select “Save as” to save log file
![PastedGraphic-5](https://private-user-images.githubusercontent.com/7036536/316364637-ae995d1c-74a2-40cb-82cf-14283401c887.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU3NTkxMTAsIm5iZiI6MTcyNTc1ODgxMCwicGF0aCI6Ii83MDM2NTM2LzMxNjM2NDYzNy1hZTk5NWQxYy03NGEyLTQwY2ItODJjZi0xNDI4MzQwMWM4ODcucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDkwOCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA5MDhUMDEyNjUwWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9OTMwMzE3NjNiZmM2MjcyM2Q1MDRlMzI2MzMxNDY4MDVlMDUyNTI4MmM0YmY4ZjE2YzljZmNlODA5YTM1MjNhOSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.LdvS_TDoQQ6sBcES9EMpoJvBE8qz1SX9OlOX-sjDqwM)
- Go to network, right click at network request, and select Save all as HAR with content to save HAR file:
![PastedGraphic-6](https://private-user-images.githubusercontent.com/7036536/316364715-9faffcf6-853c-48d1-a557-b8abf434c342.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU3NTkxMTAsIm5iZiI6MTcyNTc1ODgxMCwicGF0aCI6Ii83MDM2NTM2LzMxNjM2NDcxNS05ZmFmZmNmNi04NTNjLTQ4ZDEtYTU1Ny1iOGFiZjQzNGMzNDIucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDkwOCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA5MDhUMDEyNjUwWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9OGU4YjQ2NmUzZjIwZjg5MWI2MmI1MzgzYTAyNjVlYWRjNzMwNjQxMjMzZDgwYWUzY2I1MGU5ODU3MjVhYmFkMCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.hldFhvGbxpA0AuCiYKbOx8R24AWM2AvDY9qKdoWHUjI)
- Share logs and HAR file to us. If you are collecting logs for multiple tabs, do 10-12 for every Chrome developer tool windows.