How to collect console logs using browser inspector

in this article we have explained what console logs are and how to open console using web browser's developer tools to inspect and view logs, errors, and other relevant information console logs play an essential role in debugging and error handling this helps our developers in identifying issues and analysing unexpected errors by providing details about errors encountered by users, console logs help in effective diagnosis and resolution to those errors what are console logs? console logs are debugging logs that are captured by the web browsers these can contain warnings, errors and other information these are especially helpful for any development tea to narrow down the source of an issue these can be collected by following some simple steps as shown below how to capture the console logs to capture the console logs, we will first access the developer tools, go to the console, reproduce the issue and get the relevant logs the below gif has complete demonstration of how to collect the logs if you need a detailed explanation, refer to the steps below step 1 open developer tools in most web browsers (chrome, safari, firefox, edge), you can open developer tools by right clicking on the page and selecting "inspect" or by pressing f12 or (ctrl + shift + i on windows) (or cmd + option + i on mac) step 2 access the console tab click on the console tab in the developer tools panel as shown in the image below the console tab appears on the top of the developer tools optionally, you can also clear the logs since we are going to reproduce the issue in the next step step 3 reproduce the issue once you have navigated to the console tab, it is always a good practice to re produce the issue which you can do by refreshing the page refresh the webpage by clicking on the reload icon from top left or press f5 (or ctrl + r on windows) (or command + r on mac) note refreshing a webpage before collecting logs from the console helps in re generating the logs and ensures that you capture the most current data and relevant logs that have occurred since the last load step 4 looking for the right logs logs or messages displayed in red indicate errors these are the logs we need to collect usually the logs are collapsed by default you need to expand them in order to collect the right details look for the right pointing arrows as shown in the image below these are used to expand the logs note make sure to expand all the right pointing arrows in red to check for error log details for example, in the below image, there are 2 indicators and 2nd is equally important as the error message can be found in that section step 5 sending us the logs use our email support\@cloudfiles io or chat to send us the screenshots captured above this will help our development team quickly narrow down the issue and resolve it note make sure to expand the arrows as shown above so that all relevant details are shared in the screenshots that you send us