Kuidas parandada CSS-i, kui see Google Chrome'is ei tööta

Kas CSS ei tööta Chrome'is? See artikkel sisaldab asjakohast teavet ja ka lahendusi selle probleemi lahendamiseks.

CSS-i täisvorm on Cascading Style Sheets. Ilma selleta näeksite kogu Internetis inetuid veebisaite. Iga brauser toetab vaikimisi CSS-i üsna hästi, kuna see on universaalne valik.

Kuigi Chrome on üks parimad veebibrauserid, mõnikord võite näha, et CSS ei tööta selles brauseris täielikult või ei tööta korralikult. See probleem võib olla väga korduv ja võib teie päeva rikkuda.

Kõik Chrome'i CSS-iga seotud probleemid on nii tavakasutajatele kui ka veebidisaineritele võrdselt masendavad.

Miks minu CSS Chrome'is ei tööta?

Google Chrome'is või teistes Chromiumil põhinevates veebibrauserites CSS-i probleemidel võib olla mitu põhjust. Pärast mõningaid uuringuid leidsime mõned levinumad põhjused. Siin on need:

• Veebidisainer kasutas HTML-i ja CSS-i jaoks erinevat kodeeringut
• Rikutud vahemälu ja küpsised
• Interneti-ühenduse probleem
• CSS-i majutanud CDN-server võib olla maas või esineb tõrkeid
• Kolmanda osapoole laiendused
• Chrome'i brauseri aegunud versioon

Põhjuseid võib olla ka teisi. Kuid enamikul juhtudel näete neid.

Kuidas ma tean, kas CSS on lubatud?

1. Külastage mis tahes juhuslikku veebisaiti.
2. Kui näete katkisi kujundusi, tähendab see, et Chrome ei laadi CSS-i.
3. Kui näete, et kõik näeb välja täiuslik, tähendab see, et Chrome laadib CSS-i ja see on probleemideta lubatud.

Google Chrome'is või mis tahes kaasaegses brauseris on CSS vaikimisi lubatud. Te ei saa seda funktsiooni tavapärasel viisil ise keelata ega lubada.

Mõned kolmanda osapoole laiendused võivad aga CSS-i erinevalt keelata. Sel juhul saate selle funktsiooni lubada või keelata vastavalt laienduse ametlikele juhistele.

Kiire näpunäide:

CSS-i probleemidega tegelemine teie praeguses brauseris võib olla tõsine ebameeldivus, nii et kas te ei kaalu muudatust?

Näiteks, Ooper pakub täiustatud kasutajaliidese veebisaitidele täiustatud navigeerimist, populaarsete rakendustega integreerimisfunktsioone ja isegi Web3 sirvimistehnoloogiat.

Ooper

Ärge kunagi muretsege katkise CSS-i pärast ja sirvige nüüd sujuvalt!

Tasuta Külastage veebisaiti

Mida teha, kui CSS Chrome'is ei tööta?

1. Värskendage Chrome'i

1. Avage Google Chrome.
2. Kliki kolm vertikaalset punkti ja Seaded.
3. Minema Chrome'i kohta.
4. Google kontrollib värskenduse olemasolu ja installib, kui värskendus on saadaval.
5. Taaskäivitage Chrome.

2. Tühjendage vahemälu ja küpsised

1. Käivitage Google Chrome.
2. Vajutage CTRL + Shift + Del klaviatuuril.
3. Määra Kogu aeg kui ajavahemik.
4. Kontrollima Vahemällu pilte ja faile ja seejärel klõpsake Kustuta andmed.

3. Keela probleemsed laiendused

1. Sisestage Chrome'i aadressiribale järgmine aadress ja vajutage Sisenema. chrome://extensions/
2. Lülitage lüliti välja nende laienduste kõrval, mille soovite keelata.

4. Kontrollige, kas veebiserveris on probleem või mitte (disainerite/arendajate jaoks)

Kui veebiserveril on raskusi nõutava sisu (nt CSS ja JS) teenindamisel, ei pruugi veebisaiti üheski brauseris korralikult laadida. Sel juhul, kui olete veebihaldur, minge oma veebiserveri pakkuja veebisaidile ja vaadake, kas selle teenus on avatud ja korras või mitte.

Kui teie CSS-i hostitakse CDN-serveris, võib stiilitabeli URL olla järgmine: cdn.example.com/style.css

Kontrollige seda URL-i ja vaadake, kas see on teie arvutist juurdepääsetav või mitte.

Kui ei, siis võib CDN-serveril olla probleeme. Võtke meetmeid nende lahendamiseks, et parandada CSS-i mittetöötavaid probleeme.

5. Õige CSS-kodeering ja -vorming (disaineritele)

Erinevalt IE-st, vanast Edge'ist või muudest mitte-Chromiumi brauseritest käsitleb Google Chrome HTML-i ja CSS-i erinevalt.

Võite näha, et @media CSS või mõned CSS-i sidekriipsud või CSS-ruudustik Chrome'is ei tööta. Isegi mõnel juhul ei pruugi CSS-i värv ootuspäraselt kuvada.

Olenemata sellest, kas see pärineb CMS-ist, nagu WordPress, või teie kohandatud veebisaidilt, ei laadi Chrome mingil põhjusel CSS-i korralikult.

Kui teie HTML ja CSS ei ole samas kodeeringus, näete Chrome'i veebilehtedel rikutud stiili. Seega veenduge, et vormingud oleksid mõlema jaoks samad.

Kui teie redaktoriks on Visual Studio Code, saate seda teha järgmiselt.

1. Avage redaktoris CSS- ja HTML-failid.
2. Klõpsake kodeeringuvormingu nime nagu UTF-8 paremas alanurgas ja valige õige vorming.

Pärast muutmist ärge unustage salvestada CSS- ja HTML-faile. Kui kasutate mõnda muud redaktorit, peate võib-olla tegema seda teisiti.

6. Keela CSS-i minimeerimine ja aeglane laadimine (arendajatele)

Kui näete, et WordPress ei laadi Chrome'is CSS-i korralikult, võib selle põhjuseks olla CSS-i minimeerimine ja kombineerimine. Proovige see oma vahemälu pistikprogrammi kaudu keelata. Samuti keelake laisk laadimine ja vaadake, kas see aitab.

7. Proovige teist võrku

Kui teie Interneti-ühendus ei suuda kõiki veebisaidi ressursse laadida, ei pruugi CSS Chrome'is ega üheski muus brauseris töötada. Seega võite proovida kasutada VPN-i või mõnda muud võrku, et kontrollida, kas kõik on korras või mitte.

Soovitame Privaatne Interneti-juurdepääs (PIA), kuna see on oma suurima ülemaailmse võrgu tõttu kõige stabiilsem VPN.

Mida teha, kui CSS ei tööta Chrome'is, kuid töötab teistes brauserites?

See probleem on väga levinud. Võite näha, et CSS ei tööta Google Chrome'is, kuid see töötab IE-s, Firefoxis, Edge'is või mõnes muus brauseris.

Põhjuseks võivad olla rikutud ajutised andmed, erinev CSS-kodeering ja kolmanda osapoole Chrome'i laiendus, mis kasutab CSS-i laadilehti. Seda tüüpi olukorra lahendamiseks piisab ülaltoodud meetoditest. Te ei pea midagi muud järgima.

See artikkel on näidanud kõige tõhusamaid viise Chrome'is mittetöötava CSS-i ja sarnaste probleemide lahendamiseks. Kui teate muid meetodeid, kirjutage kommentaarikasti.