zvláštní:"dotažení CSS" bez reloadu

zvláštní:"dotažení CSS" bez reloadu
« kdy: 18. 09. 2021, 16:38:17 »
Celkem mě fascinoval jeden jev na některých webových stránkách, Chtěl bych vysvětlit, jak to fungujuje, jestli je to nakodované na webu nebo je to věc browseru.

Jde o to, že na některých stránkách pozoruji, že ve jsou schopné "načíst" CSS,poté, co se to při prvním pokusu"první návštěvě nepovedlo z tohoto důvodu:
1. mají styly nebo obrázky na externí doméně  a ta je zablokovaná uBlock origin..
2. (nezkoušeno) nastavit v developer tools - Network - typ sítě 2G (jinak to člověk nestihne vnímat ) a vytáhnout "kabel" nebo dát  checkbox Offline

Upozornění
Možná to silně bude záležet na prohlížeči a zadruhé, bude možná mít vliv cache (takže asi nepujde postup že si otevřu stránku, tam zakážu domény cdn nebo 3rd, reloadnu a pak zase povolím
)
-je nanejvýš vhodné mít otevřenou konzoli a v tabu network zaznamenávat requesty  pro názornost.

 Každopádně je divné, že se to děje i v tom případě uBLock origin, kdy nijak se nemění stav online/offline, pouze brání načítání z nějakých domén (Setting-Advanced  User - a dynamické filtrování blokovat domény3rd party)

Konkrétní příklad
weby na google blog(spot) - nemusí nutně běžet doméně google blogspot - konkrétně fffilm.name - Prvně, když se stránka načte a je blokováno:
blogblog.com
blogger.com
bp.blogspot.com
tak se stránka nenačte hezky (bez obrázků nebo s divným vzhledem- chybějící CSS)
Pak následuje fáze 2
buď připojím kabel nebo odškrtnu Offline v konzoli nebo v ubLocku povolím domény.


A SAMO SE TO NAČTE. Bez  reloadu.

(fffilm.name je vybráno pouze jako příklad)


Společný jmenovatel: načte se to bez nutnosti reloadu, prakticky hned po "odblokování"


čím to je? Nějaký timeout, kdy browser zkouší načíst  aktivně resource po nějakou dobu než to vzdá nebo něco jako mutation observer nebo něco jako html5 featura Stav-dokumentu oflline resp. odpovídající listener na změnu stavu (nevim  zda se to zrovna nejmenuje onOnline)

Vážně by mě to zajímalo, jak tahla magická věc funguje.


Příklad
« Odpověď #1 kdy: 24. 09. 2021, 00:30:22 »
zvláštní:"dotažení CSS" bez reloadu
Příklad stránky kde se to děje:
https://supreme.justia.com/cases/federal/us/354/118/
(doména justatic.com na které jsou styly, tedy první načtení s touto doménou nepovolenou - ať uuž přes 3rd party nebo začervernalou touto konkrétně)




Celkem mě fascinoval jeden jev na některých webových stránkách, Chtěl bych vysvětlit, jak to fungujuje, jestli je to nakodované na webu nebo je to věc browseru.

Jde o to, že na některých stránkách pozoruji, že ve jsou schopné "načíst" CSS,poté, co se to při prvním pokusu"první návštěvě nepovedlo z tohoto důvodu:
1. mají styly nebo obrázky na externí doméně  a ta je zablokovaná uBlock origin..
2. (nezkoušeno) nastavit v developer tools - Network - typ sítě 2G (jinak to člověk nestihne vnímat ) a vytáhnout "kabel" nebo dát  checkbox Offline

Upozornění
Možná to silně bude záležet na prohlížeči a zadruhé, bude možná mít vliv cache (takže asi nepujde postup že si otevřu stránku, tam zakážu domény cdn nebo 3rd, reloadnu a pak zase povolím
)
-je nanejvýš vhodné mít otevřenou konzoli a v tabu network zaznamenávat requesty  pro názornost.

 Každopádně je divné, že se to děje i v tom případě uBLock origin, kdy nijak se nemění stav online/offline, pouze brání načítání z nějakých domén (Setting-Advanced  User - a dynamické filtrování blokovat domény3rd party)

Konkrétní příklad
weby na google blog(spot) - nemusí nutně běžet doméně google blogspot - konkrétně fffilm.name - Prvně, když se stránka načte a je blokováno:
blogblog.com
blogger.com
bp.blogspot.com
tak se stránka nenačte hezky (bez obrázků nebo s divným vzhledem- chybějící CSS)
Pak následuje fáze 2
buď připojím kabel nebo odškrtnu Offline v konzoli nebo v ubLocku povolím domény.


A SAMO SE TO NAČTE. Bez  reloadu.

(fffilm.name je vybráno pouze jako příklad)


Společný jmenovatel: načte se to bez nutnosti reloadu, prakticky hned po "odblokování"


čím to je? Nějaký timeout, kdy browser zkouší načíst  aktivně resource po nějakou dobu než to vzdá nebo něco jako mutation observer nebo něco jako html5 featura Stav-dokumentu oflline resp. odpovídající listener na změnu stavu (nevim  zda se to zrovna nejmenuje onOnline)

Vážně by mě to zajímalo, jak tahla magická věc funguje.

Re:zvláštní:"dotažení CSS" bez reloadu
« Odpověď #2 kdy: 25. 10. 2021, 18:42:52 »
No