Home / server / Questions / 654073
Accepted
user568021
Asked: 2014-12-22 12:34:01 +0800 CST

What should I do about a mixed content warning on my website?

  • 772

My server is configured to use HTTPS only; this works okay.

But when I visit the website I get this message in Firefox (next to the URL bar):

Firefox is blocking content on this page
Most websites will work properly even if content is blocked.

Insecure content
Some unencrypted elements on this website have been blocked.

The website works fine, I just hate having that message and not knowing what it means.

Is there some way to determine what exactly is being blocked? I tried turning off certain features on the website one by one, but couldn't find what's causing this.

This happens only in Firefox. Chrome shows no error messages.

Firebug says:

Blocked loading mixed active content "http://jqueryapi.info/?getsrc=ok&ref=https%3A%2F%2Fexample.com%2F"

This appears to be caused by javascript obfuscation. If I change the javascript code to normal, this doesn't happen. So now I wonder is there a way to bypass this?

ssl

2 Answers

  1. Best Answer

    You asked: "Is there some way to determine what exactly is being blocked?", and the answer is yes.

    Definitely, the most effective way to check what is going wrong within your browser is... to ask directly to the browser :-)

    Recent version of modern browsers (like Firefox and Chromium/Chrome) includes a "Developer tool" which, among lots of other things, can report exactly which HTTP request the browser is sending over the network and, for each of them, which response got back (if any...) from the remote webserver.

    In Chrome/Chromium world, the developer tools can be accessed with CTRL-SHIFT-I or, if you prefer menu path, "Tools"=>"Developer Tools"

    In firefox (at least in mine, v. 33) the sequence is the same.

    Once you have "Developer Tools" activated, you can select the "Network" tab. Afterwards, if you point the browser to your original URL, than the browser will reports all the details.

    Also, I suggest also to check the "console" (select proper "tab" within the "developer tools" area) as it may contains lots of useful information, at least when you're experiencing some problems :-)

    P.S.: as for the message reported by the browser (Some unencrypted elements on this website have been blocked), I bet the browser is complaining because you're accessing an SSL-protected URL and the HTML that is coming back from such URL does contain some reference to other resources (CSS, images, scripts, etc.) accessible with standard HTTP, without SSL protection. So, the browser, instead of sending clear context over the network, decides to "block" them.

    • 7

  2. This warning will appear if any resources are being loaded over http (e.g. images, scripts, etc.). It will also appear if any forms are POSTing to insecure (http) destinations. However, if this warning is only appearing in Firefox I would first check to see if any plugins or extensions in Firefox are causing the problem. Disable all extensions and reload the page. You'll also find the developer console (F12) may tell you which resources are being loaded insecurely. It does in Chrome, I'm not so familiar with Firefox though.

    • 3