Cookies op Tweakers

Tweakers maakt gebruik van cookies, onder andere om de website te analyseren, het gebruiksgemak te vergroten en advertenties te tonen. Door gebruik te maken van deze website, of door op 'Ga verder' te klikken, geef je toestemming voor het gebruik van cookies. Wil je meer informatie over cookies en hoe ze worden gebruikt, bekijk dan ons cookiebeleid.

Meer informatie

Website ziet er anders uit in https

Pagina: 1
Acties:

Onderwerpen

Vraag


  • miicker
  • Registratie: juni 2011
  • Niet online
Mijn vraag
Ik heb een website gemaakt, alles ziet er gewoon prima uit, totdat ik overga op https.
Als ik dus ga naar:
http://mijnwebsite.nl

dan ziet het er veel beter uit dan wanneer ik ga naar:
https://miinwebsite.nl

Ik heb wel gewoon een geldig certificaat. De website draait overigens op mijn Synology NAS (DS261Play)

Op internet kan ik hierover echt niets vinden..

Iemand enig idee waar dit mee te maken kan hebben?

I haven’t slept for three days, because that would be too long.

Beste antwoord (via miicker op 26-05-2016 23:41)


  • RobIII
  • Registratie: december 2001
  • Laatst online: 03:04

RobIII

DT Doktersteam / Moderator DevschuurŽ

^ Romeinse 3 ja!

quote:
Compizfox schreef op donderdag 26 mei 2016 @ 22:55:
Maak er ::// van, zoals Kecin ook al liet zien in een voorbeeld.
Het is toch // en niet :// :? Of heb ik iets gemist?
http://paulirish.com/2010/the-protocol-relative-url/

Maar inderdaad overal gewoon http: van af slopen.

RobIII wijzigde deze reactie 26-05-2016 23:04 (36%)

Mistakes happen. It's the mistakes inside a For Loop that are a real problem - Scott Hanselman.

Over mij

Alle reacties


Acties:
  • +2Henk 'm!

  • Megamind
  • Registratie: augustus 2002
  • Laatst online: 07-11 15:15
Beide websites werken niet.

  • BCC
  • Registratie: juli 2000
  • Laatst online: 22:32
Waarschijnlijk link je nog naar een stylsheet of asset via http:// ? Verander dat eens naar ://

  • BugBoy
  • Registratie: november 2002
  • Laatst online: 23:12
Even in Chrome de developer tools openen en kijken wat er niet geladen wordt. Het kan ook zijn dat er nog wat oude stylesheets in cache zijn blijven hangen. Ook dat kun je prima in je developer tools controleren.

The miracle isn't that I finished. The miracle is that I had the courage to start.


Acties:
  • +1Henk 'm!

  • base_
  • Registratie: april 2003
  • Laatst online: 02:52
Ik vermoed dat er niet-https content niet meegeladen wordt (css/plaatjes b.v.). Dit kan door blokkeren van browser van niet https op htpps site of doordat content simpelweg niet op https beschikbaar is (404).

  • Kecin
  • Registratie: juli 2004
  • Laatst online: 01:53

Kecin

Je keek.

Gebruik in je code geen harde URL's. Dus bijvoorbeeld een CSS bestand anders inladen:
code:
1
2
3
<style type="text/css" media="all">
@import url("/style.css");
</style>

of
code:
1
2
3
<style type="text/css" media="all">
@import url("://mijndomein.nl/style.css");
</style>

i.p.v.
code:
1
2
3
<style type="text/css" media="all">
@import url("http://mijndomein.nl/style.css");
</style>

Kecin wijzigde deze reactie 26-05-2016 22:24 (23%)

I am not a number, I am a free man! Kecin's tweakblog! - Kecin.com!


  • Bee.nl
  • Registratie: november 2002
  • Niet online

Bee.nl

zoemt

quote:
base_ schreef op donderdag 26 mei 2016 @ 22:21:
Ik vermoed dat er niet-https content niet meegeladen wordt (css/plaatjes b.v.). Dit kan door blokkeren van browser van niet https op htpps site of doordat content simpelweg niet op https beschikbaar is (404).
Dat is ook het eerste wat bij me opkwam: http-verkeer binnen een https-omgeving. De term die je zoekt is (het blokkeren van) 'mixed content'.

  • miicker
  • Registratie: juni 2011
  • Niet online
quote:
Kecin schreef op donderdag 26 mei 2016 @ 22:22:
Gebruik in je code geen harde URL's. Dus bijvoorbeeld een CSS bestand anders inladen:
code:
1
2
3
<style type="text/css" media="all">
@import url("/style.css");
</style>

of
code:
1
2
3
<style type="text/css" media="all">
@import url("://mijndomein.nl/style.css");
</style>

i.p.v.
code:
1
2
3
<style type="text/css" media="all">
@import url("http://mijndomein.nl/style.css");
</style>

Hmm, ik heb het thema van een website gedownload, maar er staat bijvoorbeeld de volgende code:
code:
1
2
3
4
5
6
7
8
9
10
11
<link id="wsite-base-style" rel="stylesheet" type="text/css" href="http://cdn2.editmysite.com/css/sites.css?buildTime=1234" />
<link rel="stylesheet" type="text/css" href="http://cdn1.editmysite.com/editor/libraries/fancybox/fancybox.css?1234" />
<link rel="stylesheet" type="text/css" href="http://cdn2.editmysite.com/css/social-icons.css?buildtime=1234" media="screen,projection" />
<link rel="stylesheet" type="text/css" href="files/main_style.css?1463952984" title="wsite-theme-css" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,700,400italic,700italic&subset=latin,latin-ext' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Raleway:400,300,200,700&subset=latin,latin-ext' rel='stylesheet' type='text/css' />

<link href='http://fonts.googleapis.com/css?family=Karla:400,700,400italic,700italic&subset=latin,latin-ext' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Karla:400,700,400italic,700italic&subset=latin,latin-ext' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Karla:400,700,400italic,700italic&subset=latin,latin-ext' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Karla:400,700,400italic,700italic&subset=latin,latin-ext' rel='stylesheet' type='text/css' />

Hou zou ik dit dan moeten doen?
En ik vraag me sowieso af of het niet beter is die css sheets te downloaden of zo en dan op mijn eigen server te zetten, om zo minder afhankelijk te zijn van derde partijen (als dat zo is, is er dan een makkelijke manier om de bestanden waarnaar gelinkt wordt te downloaden?)

I haven’t slept for three days, because that would be too long.


  • Compizfox
  • Registratie: januari 2009
  • Laatst online: 00:24

Compizfox

I use Arch, btw

Maak er // van, zoals Kecin ook al liet zien in een voorbeeld.

There is no system but GNU and Linux is one of its kernels


Acties:
  • Beste antwoord
  • +1Henk 'm!

  • RobIII
  • Registratie: december 2001
  • Laatst online: 03:04

RobIII

DT Doktersteam / Moderator DevschuurŽ

^ Romeinse 3 ja!

quote:
Compizfox schreef op donderdag 26 mei 2016 @ 22:55:
Maak er ::// van, zoals Kecin ook al liet zien in een voorbeeld.
Het is toch // en niet :// :? Of heb ik iets gemist?
http://paulirish.com/2010/the-protocol-relative-url/

Maar inderdaad overal gewoon http: van af slopen.

RobIII wijzigde deze reactie 26-05-2016 23:04 (36%)

Mistakes happen. It's the mistakes inside a For Loop that are a real problem - Scott Hanselman.

Over mij


  • miicker
  • Registratie: juni 2011
  • Niet online
quote:
RobIII schreef op donderdag 26 mei 2016 @ 23:00:
[...]

Het is toch // en niet :// :? Of heb ik iets gemist?
http://paulirish.com/2010/the-protocol-relative-url/

Maar inderdaad overal gewoon http: van af slopen.
Top! Notepad++ CTRL+H (zoeken & vervangen)
http:// vervangen door // en het was opgelost!
Had http:// al geprobeerd te vervangen door :// en dat werkte dus niet.
Bedankt, ziet er nu weer prima uit!

I haven’t slept for three days, because that would be too long.


  • RobIII
  • Registratie: december 2001
  • Laatst online: 03:04

RobIII

DT Doktersteam / Moderator DevschuurŽ

^ Romeinse 3 ja!

Mistakes happen. It's the mistakes inside a For Loop that are a real problem - Scott Hanselman.

Over mij


  • miicker
  • Registratie: juni 2011
  • Niet online
Sorry :(

Ik loop nu tegen het volgende kleine probleem aan, gebruikers kunnen de website benaderen door gebruik te maken van http.

Ik heb de volgenden .htaccess file aangemaakt:
code:
1
2
3
4
# Redirect HTTP to HTTPS
RewriteCond %{HTTPS} off
RewriteCond %{HTTP:X-Forwarded-Proto} !https
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

Dit zou toch moeten werken als ik dit in de root van het domein zet?

Ik heb een random .htaccess bestand gedwonload en daar die code in gezet.

I haven’t slept for three days, because that would be too long.


  • Compizfox
  • Registratie: januari 2009
  • Laatst online: 00:24

Compizfox

I use Arch, btw

quote:
RobIII schreef op donderdag 26 mei 2016 @ 23:00:
[...]

Het is toch // en niet :// :? Of heb ik iets gemist?
http://paulirish.com/2010/the-protocol-relative-url/

Maar inderdaad overal gewoon http: van af slopen.
Oh, je hebt gelijk ja.


quote:
miicker schreef op donderdag 26 mei 2016 @ 23:33:
Sorry :(

Ik loop nu tegen het volgende kleine probleem aan, gebruikers kunnen de website benaderen door gebruik te maken van http.

Ik heb de volgenden .htaccess file aangemaakt:
code:
1
2
3
4
# Redirect HTTP to HTTPS
RewriteCond %{HTTPS} off
RewriteCond %{HTTP:X-Forwarded-Proto} !https
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

Dit zou toch moeten werken als ik dit in de root van het domein zet?

Ik heb een random .htaccess bestand gedwonload en daar die code in gezet.
Je hebt een random .htaccess gedownload? En wat staat daar nog meer in dan? Je moet het gewoon in een lege zetten.

Compizfox wijzigde deze reactie 26-05-2016 23:56 (53%)

There is no system but GNU and Linux is one of its kernels


Acties:
  • 0Henk 'm!

  • CH4OS
  • Registratie: april 2002
  • Niet online

CH4OS

It's a kind of magic


code:
1
2
3
4
5
<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteCond %{HTTPS} off
    RewriteRule ^/(.*) https://hostname/$1
</IfModule>

Is wat ik gebruik om te redirecten naar HTTPS pagina's. Wel even mod_rewrite activeren. Meestal kan dat met a2enmod rewrite. Daarna even Apache herstarten. :)

[ Overwatch ][ Diablo ][ CptChaos#2957 ]


Acties:
  • 0Henk 'm!

  • miicker
  • Registratie: juni 2011
  • Niet online
quote:
Compizfox schreef op donderdag 26 mei 2016 @ 23:54:
[...]

Oh, je hebt gelijk ja.




[...]

Je hebt een random .htaccess gedownload? En wat staat daar nog meer in dan? Je moet het gewoon in een lege zetten.
Heb die htaccess file natuurlijk wel leeg gemaakt :P

maar het werkt helaas nog niet..

I haven’t slept for three days, because that would be too long.


Acties:
  • +1Henk 'm!

  • Kecin
  • Registratie: juli 2004
  • Laatst online: 01:53

Kecin

Je keek.

quote:
RobIII schreef op donderdag 26 mei 2016 @ 23:00:
[...]

Het is toch // en niet :// :? Of heb ik iets gemist?
http://paulirish.com/2010/the-protocol-relative-url/

Maar inderdaad overal gewoon http: van af slopen.
Goed gezien. Had de reactie op mijn mobiel getypt. In eerste instantie stonden ze er niet en na een edit toegevoegd. Op mijn telefoon zag het er ineens uit alsof het niet klopte ofzo :7 haha.

@TS;
Het lijkt me sowieso verstandiger om al je bestanden lokaal te serveren (dus downloaden van de bron en plaatsen op je eigen server). Ook moet je even checken of je Apache gebruikt wanneer je een htaccess bestand gaat toevoegen (mod_rewrite moet dan ook aanstaan).
Het is ook mogelijk dat je hoster htaccess blockt (niet aannemelijk, dan zou je php kunnen gebruiken:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
<?php
if (!isset($_SERVER['HTTPS']) || $_SERVER['HTTPS'] !== 'on') {
    if(!headers_sent()) {
        header("Status: 301 Moved Permanently");
        header(sprintf(
            'Location: https://%s%s',
            $_SERVER['HTTP_HOST'],
            $_SERVER['REQUEST_URI']
        ));
        exit();
    }
}
?>

I am not a number, I am a free man! Kecin's tweakblog! - Kecin.com!


Acties:
  • 0Henk 'm!

  • miicker
  • Registratie: juni 2011
  • Niet online
quote:
Kecin schreef op vrijdag 27 mei 2016 @ 00:39:
[...]

Goed gezien. Had de reactie op mijn mobiel getypt. In eerste instantie stonden ze er niet en na een edit toegevoegd. Op mijn telefoon zag het er ineens uit alsof het niet klopte ofzo :7 haha.

@TS;
Het lijkt me sowieso verstandiger om al je bestanden lokaal te serveren (dus downloaden van de bron en plaatsen op je eigen server). Ook moet je even checken of je Apache gebruikt wanneer je een htaccess bestand gaat toevoegen (mod_rewrite moet dan ook aanstaan).
Het is ook mogelijk dat je hoster htaccess blockt (niet aannemelijk, dan zou je php kunnen gebruiken:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
<?php
if (!isset($_SERVER['HTTPS']) || $_SERVER['HTTPS'] !== 'on') {
    if(!headers_sent()) {
        header("Status: 301 Moved Permanently");
        header(sprintf(
            'Location: https://%s%s',
            $_SERVER['HTTP_HOST'],
            $_SERVER['REQUEST_URI']
        ));
        exit();
    }
}
?>

Lijkt er inderdaad op dat die geblokt wordt doo Synology o.i.d. heb in ieder geval geen zin om het ssh m'n NAS in te gaan en dan het php.ini bestand aan te gaan passen of zo en de door jou gegeven oplossing werkt! Heb het gewoon in de header.php opgenomen die geinclude is in alle pagina's :)

I haven’t slept for three days, because that would be too long.


Acties:
  • 0Henk 'm!

  • Kecin
  • Registratie: juli 2004
  • Laatst online: 01:53

Kecin

Je keek.

quote:
miicker schreef op vrijdag 27 mei 2016 @ 00:44:
[...]


Lijkt er inderdaad op dat die geblokt wordt doo Synology o.i.d. heb in ieder geval geen zin om het ssh m'n NAS in te gaan en dan het php.ini bestand aan te gaan passen of zo en de door jou gegeven oplossing werkt! Heb het gewoon in de header.php opgenomen die geinclude is in alle pagina's :)
Top! Via SSH kan je trouwens bijv. vi gebruiken om je php.ini aan te passen en mod_rewrite in te schakelen. Je breekt daarmee niet je Nas af o.i.d.
De functie zelf kan ook niet echt kwaad. Succes met je site!

I am not a number, I am a free man! Kecin's tweakblog! - Kecin.com!


Acties:
  • 0Henk 'm!

  • eigenwebsite
  • Registratie: oktober 2012
  • Laatst online: 03-11 19:01
Heb je trouwens al gechecked of al je website items veilig zijn en linken naar https? Met dit tooltje kun je dat trouwens checken: https://www.whynopadlock.com

Met vriendelijke groet, Sara I Iedereen is creatief, iedereen kan tegenwoordig zelf een eigen logo maken via de gratis online Logomaker


Acties:
  • +1Henk 'm!

  • RGAT
  • Registratie: augustus 2011
  • Laatst online: 18:58
quote:
Ik vermoed dat 'mijnwebsite.nl' een fictieve voorbeeldnaam is ;)
Gewoon een vaag vermoeden...

If it's not broken, fix it until it is...


Acties:
  • +1Henk 'm!

  • eigenwebsite
  • Registratie: oktober 2012
  • Laatst online: 03-11 19:01
quote:
RGAT schreef op vrijdag 27 mei 2016 @ 01:24:
[...]


Ik vermoed dat 'mijnwebsite.nl' een fictieve voorbeeldnaam is ;)
Gewoon een vaag vermoeden...
_/-\o_ dat zou best wel eens kunnen kloppen _O-

Met vriendelijke groet, Sara I Iedereen is creatief, iedereen kan tegenwoordig zelf een eigen logo maken via de gratis online Logomaker


Acties:
  • 0Henk 'm!

  • q-enf0rcer.1
  • Registratie: maart 2009
  • Laatst online: 22:16
Je kunt niet met één druk op de knop verwachten dat de site in zowel https als http werkt. Dit vereist voor bestaande websites vaak best veel werk. Alle inkomende en uitgaande requests moeten tenslotte ook worden aangepast. Afbeeldingen, scripts, html bestanden etc die beginnen met http:// zullen moeten worden omgezet. Je kunt hiervoor // gebruiken. Dit zorgt ervoor dat automatisch het passende protocol wordt gebruikt.

Mijn hardware: PS4, Macbook Pro Retina 15, Sony Xperia Z3 Compact


Acties:
  • 0Henk 'm!

  • Compizfox
  • Registratie: januari 2009
  • Laatst online: 00:24

Compizfox

I use Arch, btw

quote:
q-enf0rcer.1 schreef op vrijdag 27 mei 2016 @ 12:05:
Je kunt niet met één druk op de knop verwachten dat de site in zowel https als http werkt. Dit vereist voor bestaande websites vaak best veel werk. Alle inkomende en uitgaande requests moeten tenslotte ook worden aangepast. Afbeeldingen, scripts, html bestanden etc die beginnen met http:// zullen moeten worden omgezet. Je kunt hiervoor // gebruiken. Dit zorgt ervoor dat automatisch het passende protocol wordt gebruikt.
Als de website netjes is geschreven zou dat moeten kunnen hoor.

Dat houd dus o.a. in dat je niet onnodig absolute URLs gebruikt en dat je // ipv http:// gebruikt voor externe resources.

There is no system but GNU and Linux is one of its kernels

Pagina: 1


Apple iPhone X Google Pixel 2 XL LG W7 Samsung Galaxy S8 Google Pixel 2 Sony Bravia A1 OLED Microsoft Xbox One X Apple iPhone 8

© 1998 - 2017 de Persgroep Online Services B.V. Tweakers vormt samen met o.a. Autotrack en Hardware.Info de Persgroep Online Services B.V. Hosting door True

*