This tutorial is deprecated in favour of Gathering information for troubleshooting sites · Cloudflare Support docs
Archive
Developer tools can be really useful when troubleshooting an issue with your website.
How to open developer tools in common browsers:
Chrome:
Load the website you are testing in your browser
Press F12 on your keyboard
(or 
)
Firefox:
Load the website you are testing in your browser
Press F12 on your keyboard
(or 
)
Common Uses
Checking that your connection is going through Cloudflare:
Sometimes, DNS values can be cached locally so if you enable Cloudflare on your site, there may be a delay before you see the changes - such as the Cloudflare SSL certificate.
You can check this in the ‘Network’ tab of your dev tools:
Open dev tools as above
Select the network tab
Hit Ctrl+R or click 
to refresh the page
Click the main URL of your site in the dev tools
Firefox:
Chrome:
You will then see various pieces of useful information about the request, including the IP address (which you can then check whether it is a Cloudflare IP or that of your server), the status code received and under ‘Response Headers’ you will see ‘server’
This should show as
/
if your connection is going through Cloudflare.
Checking the response code of your request
You can check this in the ‘Network’ tab of your dev tools:
Open dev tools as above
Select the network tab
Hit Ctrl+R or click to refresh the page
You can then see the status codes of your main page and any resources loaded in the left column in Firefox or the second column in Chrome - shown as 200 in the screenshots here
Firefox:
Chrome:
Tutorial Reference: CT-36
Reviewed: 08/21
This is a Community Tutorial, most are wiki posts, so can be contributed to by Regulars and MVPs here. If there is a tutorial you would like to see, you can request one here.
If you would like to provide any feedback on this tutorial, please post in the #Meta category, tag your post #TutorialFeedback and let us know the Tutorial Reference above.
Other great resources on this community include the Community Tips . These address best practices when configuring Cloudflare, how to fix issues you may see, and tools to troubleshoot. Also you can view Expert Tips, great posts on the community from people in the know that may help you with your issue.
We encourage users to check out these great resources and the Cloudflare Support Centre before posting