reCaptcha not showing up

Today one of my clients brought up a bug where the reCaptcha won’t show up despite the settings being accurate and in working condition on staging and local machines. Weirdly enough, this issue was happening on IE 9, Chrome 33, FF 34 and somehow it spared Safari 5.

Looking into the FF console i found Mixed Content Blocked warnings. I came upon this article about Mixed Content . Which clearly states that it occurs when we use HTTP content over HTTPS. Since my application was served over SSL, i soon got the hint that i have to change the links serving the content front Google to their HTTPS alternatives.

All you have to do is change the URLs of script,img and iframe to ones with https:// instead of http://.

All major browsers consider following types to be Active Content and will strip them off DOM if they don’t serve up the content matching protocol of the parent document.

  • script
  • link
  • iframe
  • object
  • xmlHttp Request object
  • CSS rules which support URLs such as @font-face and background-image etc

alexey

Application developer, movie buff, occasional reader and a huge Manchester United fan.
alexey

Application developer, movie buff, occasional reader and a huge Manchester United fan.