Az oldal betöltődik, de a gombok és az űrlap nem reagál — mi történik?

Ez az egyik legbosszantóbb helyzet: az oldal megnyílik, a képek megjelennek, a szöveg a helyén van — de amikor megérintesz egy gombot, semmi sem történik, és a kapcsolatfelvételi űrlap nem hajlandó elküldeni az adatokat. Minden ok nélkül elrontottnak tűnik. A jó hír az, hogy a legtöbb esetben a bűnös három dolog egyike: egy JavaScript-hiba, egy bővítmények közötti ütközés, vagy a gyorsítótár.

A vizuális réteg (HTML és CSS) és az interaktív réteg (JavaScript) külön töltődik be. Ezért fordulhat elő, hogy egy oldal kifogástalanul néz ki, miközben a gombok mögötti logika teljesen halott. Ebben a cikkben lépésről lépésre és fölösleges szakzsargon nélkül megmutatom, hogyan derítheted ki, melyik a hunyó a három közül — és mit tehetsz konkrétan mindegyik ellen.

Első lépés: nyisd meg a böngésző konzolját

Bármi más előtt azt akarod látni, hogy a böngésző elárulja-e, mi a baj. Szinte mindig elárulja.

• Asztali gépen kattints jobb gombbal az oldalra → „Vizsgálat" (vagy nyomd meg az F12-t), majd lépj a „Console" fülre.
• Töltsd újra az oldalt, majd kattints arra a gombra, amelyik nem reagál.

Ha piros hibasorok jelennek meg — olyan üzenetek, mint „Uncaught TypeError", „is not defined" vagy „Failed to load resource" —, akkor megvan az irány. Egyetlen JavaScript-hiba leállíthatja az összes utána következő kódot, beleértve a gombkattintásokat és az űrlap-ellenőrzést is.

Nem kell értened a kódot. Csak jegyezd fel vagy készíts képernyőképet a piros szövegről. Még ha át is adod annak, aki az oldalt kezeli, ez az üzenet órákról percekre csökkenti a diagnózist.

Első számú gyanúsított: egy JavaScript-hiba

A gombok, a legördülő menük, a csúszkák és az űrlapok mind JavaScripten futnak. Ha egy szkript csak félig töltődik be, blokkolódik, vagy összeütközik egy másikkal, a többi interakció csendben elhal.

Gyakori okok:

• Egy külső szkript (chat-widget, térkép, marketingpixel, cookie-sáv) már nem töltődik be, mert a szolgáltatás leállt, vagy megváltozott a címe.
• Egy friss téma- vagy bővítményfrissítés olyan kódot hozott be, amely veszekszik azzal, ami már ott volt.
• Egy reklámblokkoló vagy egy saját böngészőbővítményed blokkolja a szkriptet — teszteld inkognitóablakban, kikapcsolt bővítményekkel.

Ha inkognitóban minden működik, a probléma a böngésződben van, nem az oldalban. Ha a hiba inkognitóban és a telefonodon is megmarad, akkor az oldalban van, és a forrásnál kell javítani.

Második számú gyanúsított: bővítmény-ütközés (különösen WordPressen)

Sok bővítményből felépített oldalakon — jellemzően WordPressen — két kiegészítő betöltheti ugyanannak a könyvtárnak két különböző verzióját, vagy rossz sorrendben aktiválódhat. Az eredmény pontosan a te tüneted: egy oldal, amely jól néz ki, de nem reagál.

A klasszikus teszt, ha van admin-hozzáférésed:

• Kapcsold ki a bővítményeket egyesével, és mindegyik után ellenőrizd, hogy életre kel-e a gomb.
• Amikor visszatér az interaktivitás, az utoljára kikapcsolt bővítmény a bűnös.
• Ideális esetben ezt egy teszt- vagy staging-oldalon csináld, ne közvetlenül az élesen, hogy ne hagyd elromolva az ügyfelek szeme előtt.

Gyakran maga az űrlap-bővítmény a bűnös, vagy egy „optimalizáló" vagy gyorsítótár-bővítmény, amely túl agresszíven vonja össze és tömöríti a szkripteket. Ha épp most futtattál egy frissítést, ott kezdd.

Harmadik számú gyanúsított: a gyorsítótár egy régi verziót szolgál ki

Néha az oldal már javítva van, de te még mindig a hibás verziót látod. A gyorsítótár — a böngésződben, egy gyorsítótár-bővítményben, vagy egy CDN-en, mint a Cloudflare — megtarthat egy régi, hiányos szkriptet.

Amit érdemes kipróbálni, ebben a sorrendben:

• Kemény újratöltés: Ctrl+Shift+R (Macen Cmd+Shift+R).
• Nyisd meg az oldalt inkognitóban vagy egy másik böngészőben — ha ott működik, akkor egyértelműen a gyorsítótár a hibás.
• Ha van gyorsítótár-bővítményed, ürítsd ki az admin-felületről.
• Ha Cloudflare-t vagy más CDN-t használsz, nyomd meg a „Purge cache" gombot.

Az aranyszabály: a szkriptek bármilyen módosítása után ürítsd ki a gyorsítótárat, mielőtt arra jutsz, hogy „még mindig nem működik". Rengeteg „elromlott az oldal" pánik oldódik meg egy egyszerű ürítéssel.

Mikor érdemes felhívni valakit — és hogyan dolgozunk mi

Ha végigmentél a konzolon, az inkognitón és a gyorsítótáron, és a gombok még mindig halottak, akkor a probléma a forrásnál van, és olyasvalakire van szükség, aki belemegy a kódba. Ezzel semmi baj — egy kapcsolatfelvételi űrlap, amely nem küld, minden nap elveszett ügyfeleket jelent, szóval ez nem olyasmi, amit „későbbre" lehetne halasztani.

Az MPO Web Studiónál távolról dolgozunk, az egész országban, és egy egyszerű szabályból indulunk ki: pontosan megmondjuk, mi volt elromolva és miért, nem ködös beszéd. Megmutatjuk a konzolhibát, és az okot javítjuk, nem csak a tünetet. És ha a jelenlegi oldaladat nehéz karbantartani, előre készíthetünk neked egy ingyenes demót egy tisztább, gyorsabb verzióról, hogy még azelőtt lásd a különbséget, hogy bármit fizetnél.

Ha szeretnéd, hogy egy második szempár is ránézzen a problémára, küldj nekünk egy WhatsApp-üzenetet az oldalad címével és azzal, hogy melyik gomb nem működik — visszajelzünk egy első iránnyal.