CODEWITHSUNDEEP
google-chromehttps
alex
alex

Reputation: 490203

How can you tell exactly what insecure items are causing a browser to warn about mixed secure and insecure items?

In Firefox, I view my site and get no warnings about insecure mixed content.

Using FireBug, I can see that every request is https.

In Chrome, I get the https crossed out in the address bar.

Chrome's address bar

Chrome's error

I viewed source in Chrome and then ran this regex /http(?!s)/ but the only things it found were the href attributes for some external links and the doc type and http-equiv meta tags.

Using Chrome's Resource Tracking revealed all requests were https too.

This includes Google Analytics, jQuery from Google's CDN and Facebook like scripts.

Is there any specific tool I can use to show non https requests, or anything further I can try?

Upvotes: 69

Views: 40121

Answers (10)

Cᴏʀʏ
Cᴏʀʏ

Reputation: 107508

In situations like this where it's helpful to see exactly which protocol is being used to load resources, I would recommend Fiddler2 as a browser-agnostic solution that can show you exactly what traffic is occurring on each request.

From the site:

Fiddler is a Web Debugging Proxy which logs all HTTP(S) traffic between your computer and the Internet. Fiddler allows you to inspect all HTTP(S) traffic, set breakpoints, and "fiddle" with incoming or outgoing data. Fiddler includes a powerful event-based scripting subsystem, and can be extended using any .NET language.

Edit: In-browser debugging tools are becoming really good so this third-party tool may not be as useful as it was when this answer was first written.

Upvotes: 6

Salvador Dali
Salvador Dali

Reputation: 222511

In 48-th version of chrome they added a security panel. Using it you can quickly identify the mixed content resources:

enter image description here

Upvotes: 6

Rob Bell
Rob Bell

Reputation: 3675

You can add the "scheme" column to the Chrome developer tools network tab to show which requests were sent over http or https:

  1. Press F12 to show the developer tools
  2. Switch to the Network tab
  3. Right click in the column headers and select "Scheme"
  4. Reload the page to show which elements are loaded over http or https

Chrome developer tools, scheme column

Upvotes: 19

Alex from Jitbit
Alex from Jitbit

Reputation: 60626

You can use SslCheck

It's a free online tool that crawls a website recursively (following all internal links) and scans for nonsecure includes - images, scripts and CSS.

(disclaimer: I'm one of the developers)

Upvotes: 3

Robert de W
Robert de W

Reputation: 306

Note that 'mixed content' and 'mixed scripting' are detected seperatly. Check this site for the meaning of the icons in Chrome: https://support.google.com/chromebook/answer/95617?p=ui_security_indicator&rd=1 (click 'see details' link).

Grey icon = mixed content, red icon = mixed scripting.

Upvotes: 0

Ramin Tohidi
Ramin Tohidi

Reputation: 67

Open up the Web Inspector and find the yellow triangle (warning) in the top right. Click on it and it will display all security issues.

Upvotes: 5

Tim
Tim

Reputation: 11

I know this post is old, but I ran across it and had the same issue. I clicked on the Chrome menu (top right corner), scrolled down to Tools> and selected Developer Tools. Clicked on the Console tab and it told me exactly what the problem was... the favicon was served over http, not https, but of course it was not in the page source code. Corrected the problem in my CMS, which loads the favicon without code in the page... and no more error!

Upvotes: 1

Nathan Markey
Nathan Markey

Reputation: 499

In Chrome's Developer Tools, the Console tab shows the resources that it won't load because they unsecure.

Upvotes: 38

Protector one
Protector one

Reputation: 7261

I found that I get the "mixed content"-warning in Chrome even when there is no mixed content, if sometime during the session mixed content was already encountered on the domain.

(Also mentioned here: Why is Chrome reporting a secure / non secure warning when no other browsers aren't?)

Upvotes: 60

LesterDove
LesterDove

Reputation: 3044

Do you have the HttpFox plugin for FireFox? That'd work, I think. Among other things, it reports on the URL, Method, Result Code, and bytes of all the assets that a web page requests. It's what I've used to trap the occasional non-HTTPS graphic, etc. I'm sure the other suggested tools would do the same...

Upvotes: 3

Related Questions