2016-07-17 13 views
-1

Ich habe ein Problem zu lösen, wo die folgenden angezeigt wird:Wie „Mixed Content“ -Ausgabe auf Google-Chrome-Konsole

Mixed Inhalt: Die Seite bei ‚https://www.feelhome.se/produkt/fighting-elephants/‘ wurde über HTTPS geladen, aber die angeforderte ein unsicheres Stylesheet 'http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,600italic,600,400italic,300italic,300,200italic,200'. Diese Anfrage wurde blockiert. Der Inhalt muss über HTTPS bereitgestellt werden.

Hat jemand eine Idee, wie ich das lösen kann, damit es nicht erscheint?

+0

Verwenden Sie einfach https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,600italic600,400italic0000italic300,200italic200 beachten Sie die "https" anstelle von "http" – trebor

+0

@toby Wo erscheint dieses http? Kann ich irgendwie von welcher Datei es stammt? –

+0

Ich habe meine Antwort aktualisiert, um Ihnen zu zeigen, welche Dateien das Problem verursachen. – trebor

Antwort

1

Das Problem ist, dass Sie die Schriftarten mit http statt https laden, wenn Sie die Schriftart URL ändern, um https zu verwenden, werden Sie in Ordnung sein.

So müssen Sie https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,600italic,600,400italic,300italic,300,200italic,200

statt http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,600italic,600,400italic,300italic,300,200italic,200

Die Schriftarten Naht aus der Dateien und bootstrap.css template.css geladen werden. Schauen Sie sich das angehängte Bild an.

enter image description here

Search All files

+0

Wie kann ich mit Google Chrome sehen, in welchen Dateien diese geändert werden? Zum Beispiel ist es style.css oder andere? –

+0

@RobinLundgren in Chrome-Dev-Tools drücken Sie einfach 'Strg + Shift + F' für die Suche in allen Dateien. – trebor

+0

fantastische Toby ... Ich habe dort etwas Neues gelernt, danke! Woher weißt du, dass es speziell Bootstrap + template.css war? Hast du manuell geschaut? –

0

Die Inhalte, die Sie haben könnten unsicher sein, so dass Sie es mit https statt http laden müssen.

1

Eine sichere Seite hat nur https-Ressourcen (wie Stylesheets oder Bilder). Wenn eine oder mehrere Ressourcen über HTTP geladen werden, kann die Sicherheit eingeschränkt werden. Das ist die Warnung, die Sie erhalten, Sie haben einige HTTP-Ressourcen auf einer https-Seite.

Einige haben vorgeschlagen, vor allem, ich werde vorschlagen, etwas anderes: //example.com, beachten Sie die fehlende https und http. Der Browser fügt jetzt https automatisch hinzu.

Der Vorteil hier ist, dass wenn Sie zwischen den beiden wechseln müssen, Sie mit der minimalen Menge an Arbeit fertig sind. Angenommen, Sie haben eine Site, die bereits fertig ist und läuft, und nach einer gewissen Zeit beschließt, https zu gehen ... Alles was Sie tun müssen, ist Ihren htaccess zu ändern und fertig, alle Ihre Ressourcen sind vorbereitet.

+0

Also meinst du eine relative Verbindung und nicht hart codiert? Zum Beispiel in @Tobys Antwort oben verwende ich: '//fonts.googleapis.com/css? Family = Quelle + Sans + Pro: 400,700,600italic, 600,400italic, 300italic, 300,200italic, 200' anstelle von ' http : //fonts.googleapis.com/css? family = Quelle + Sans + Pro: 400,700,600italienisch, 600,400italienisch, 300italienisch, 300,200italisch, 200' –

+0

Ja, das meine ich. Das ist nicht relativ, relativ ist, wenn Sie auf etwas auf Ihrer eigenen Domain verlinken und dann ohne die Domain verlinken (zB '/ images /') – Martijn