Question

Any chance to check with PHP/JavaScript is there on page any unsecured items?
At work we here working with SSL and sometimes (rare, but still) someone of us is committing design elements with wrong path, would be good to add big red block with error, as a bonus for browser checks 🙂

Answer 1

From what I understand here, sometimes the path to an image is using http:// which is causing the browser to say that some elements on the page are not secured. It’s a best practice to not specify http:// nor https:// instead use the protocol-relative url

You can easily check that any image on the page is using http:// by adding this simple css rule :

img[src^=http\:\/\/] {
    border: 5px solid red;
}

http://jsfiddle.net/qFtVD/2/