Broken Here

Leírás

Valaki hibát talál a honlapon: egy ügyfél, egy munkatárs vagy egy vásárló. Megnyomja a Hibabejelentés gombot, leír egy mondatot, és elküldi.

A csapat minden olyan adatot megkap a bejelentéssel, amelyet a bejelentő nem gépelt be:

  • képernyőkép az oldalról, amelynek elkészítése előtt a jelszómezőket a rendszer elhomályosítja
  • az oldal címe, a böngésző, az operációs rendszer és a képernyő mérete
  • az oldal eleme, ha a bejelentő rámutatott valamelyikre
  • a webhely saját kódjából származó JavaScript-hibák és konzolfigyelmeztetések
  • a bejelentés időpontja körül meghiúsult kérések

Senkinek sem kell elmagyaráznia, hogy mit csinált, és senkinek sem kell megkérdeznie a bejelentőtől, hogy milyen böngészőt használ.

A hibabejelentéshez senkinek sem kell fiók

A bejelentők leírnak egy mondatot, és megnyomják a Küldés gombot. Nem kell regisztrálni, nem szükséges e-mail-cím, és semmit sem kell telepíteni. Éppen ez a lényeg: aki megtalálja a hibát, ritkán tudja kijavítani.

Mások számára készített webhelyekhez

Küldje el ügyfelének a honlapot, és az „űrlap nem működik” bejelentés mellé megérkezik a működést megakadályozó hiba is. Az indulás előtt csak a honlapra bejelentkezett felhasználóknak jelenítse meg a gombot, így az ügyfél bejelentheti a hibákat, a látogatók pedig semmit sem látnak belőle. Az indulás után kapcsolja be mindenki számára.

Hová érkeznek a hibabejelentések?

A brokenhere.com beérkező üzenetei közé, igény szerint e-mailben a csapatnak, valamint a csapat által már használt hibakövetőbe, amint csatlakoztatja azt. A fejlesztő átadhatja a bejelentést egy programozóügynöknek, amely javítást nyújt be a csapatnak ellenőrzésre.

Nem terheli meg az oldalakat

A gomb az oldal után töltődik be, és soha nem lassítja annak betöltését. A képernyőkép-készítő eszköz csak akkor töltődik le, amikor valaki elkezd egy bejelentést.

Első lépések

  1. Telepítse és kapcsolja be a bővítményt.
  2. Hozzon létre ingyenes fiókot a brokenhere.com oldalon, és adja hozzá a webhelyét.
  3. Illessze be a projektkulcsot a Beállítások › Broken Here menüpontban.

A Broken Here egy honlaphoz ingyenes. A több honlaphoz elérhető csomagok a brokenhere.com/pricing oldalon találhatók.

Külső szolgáltatások

Ez a bővítmény összeköti a webhelyét a Broken Here (https://brokenhere.com) nevű hibabejelentő szolgáltatással. Addig nem töltődik be semmi onnan, amíg el nem menti a projektkulcsot.

A kulcs mentése után a honlap oldalai – a választott beállítástól függően minden oldal, vagy csak a WordPress-be bejelentkezett felhasználók által megtekintett oldalak – betöltik a Broken Here widgetet, a https://brokenhere.com/w.js szkriptet a látogató böngészőjében. Betöltéskor a widget lekéri a projekt beállításait a brokenhere.com oldalról. Ez a kérés jelzi, hogy melyik honlapról érkezett, így a projekt Setup felülete meg tudja jeleníteni, hogy a gomb aktív.

Amikor valaki elküld egy bejelentést, a widget a következőket küldi el a Broken Here szolgáltatásnak:

  • a bejelentő által írt szöveg, valamint a neve és e-mail-címe, de csak akkor, ha megadja őket;
  • az oldal címe, amelyben a böngésző helyettesíti minden olyan paraméter értékét, amelynek neve titkos adatra (tokenre, jelszóra, munkamenetre) utal;
  • a böngésző, az operációs rendszer, az ablak mérete és a nyelv;
  • képernyőkép az oldalról, amelynek elkészítése előtt a rendszer a böngészőben elhomályosítja a jelszómezőket és a kiválasztott területeket, valamint a bejelentő által csatolt képek;
  • az elem, amelyre a bejelentő rámutatott, ha volt ilyen;
  • a webhely saját kódjából származó legutóbbi JavaScript-hibák, konzolfigyelmeztetések és konzolhibák;
  • a legutóbbi és a sikertelen hálózati kérések: a cím a lekérdezési karakterlánc nélkül, a metódus, az állapot és a kérés időtartama.

A kérések törzsét csak akkor küldi el, ha ez engedélyezve van a projekt beállításaiban, és csak a saját honlapra irányuló sikertelen kérések esetén. A titkos adatra utaló névhez tartozó tartalmakat még a böngészőben helyettesíti. A widget soha nem küldi el a kérések vagy válaszok fejléceit, a sütiket vagy a console.log kimenetét, és nem állít be sütiket. Az el nem küldött bejelentést a látogató saját böngészőjében tárolja, hogy ne vesszen el, és a csapattagok bejelentkezési tokenjét is ott őrzi. Az ingyenes csomagban a bejelentő űrlapon egy kis hivatkozás jelenik meg a brokenhere.com oldalra.

A Broken Here szolgáltatási feltételei: https://brokenhere.com/terms
A Broken Here adatkezelési tájékoztatója: https://brokenhere.com/privacy

Képernyőmentések

Telepítés

  1. A WordPress adminisztrációs felületén nyissa meg a Bővítmények › Új bővítmény hozzáadása menüpontot, keressen rá a Broken Here bővítményre, majd telepítse és kapcsolja be.
  2. Hozzon létre egy ingyenes fiókot a brokenhere.com oldalon, és adja hozzá a honlapot. A projekt Setup felületén található a kulcs, amelynek eleje wq_.
  3. Nyissa meg a Beállítások › Broken Here menüpontot, és illessze be a kulcsot. A Setup felületről a teljes script címke is beilleszthető.
  4. Nyissa meg a honlapot. A Hibabejelentés gomb a jobb alsó sarokban található, a projekt Setup felületén pedig a Live állapot látható.

Ha be van kapcsolva egy gyorsítótárazó bővítmény, mentés után törölje a gyorsítótárát, hogy a látogatók már a gombot is tartalmazó oldalakat kapják meg.

GYIK

Szükségük van fiókra a bejelentőknek?

Nem. A látogatók írnak egy mondatot, és megnyomják a Küldés gombot. A nevüket vagy az e-mail-címüket csak akkor adják meg, ha szeretnék.

Hol található a projektkulcs?

A brokenhere.com oldalon nyissa meg a projektet, majd a Beállítások › Konfiguráció menüpontot. A kulcs wq_ előtaggal kezdődik.

Megjeleníthető a gomb csak az ügyfél számára?

Igen. A Beállítások › Broken Here menüpontban válassza a Csak a webhelyre bejelentkezett felhasználók lehetőséget. Adjon az ügyfelének bejelentkezési hozzáférést a webhelyhez, így a látogatók semmit sem látnak.

Használható saját hivatkozás a lebegő gomb helyett?

Igen. Minden #report-a-bug címre mutató hivatkozás megnyitja a hibabejelentő űrlapot: adjon hozzá egy menüpontot, gombot vagy hivatkozást ezzel a címmel. A lebegő gomb elrejtéséhez a Gomb beállításnál válassza a Nincs lebegő gomb, csak saját hivatkozások lehetőséget.

Áthelyezhető a gomb, vagy módosítható a színe?

Válasszon egy sarkot a Beállítások › Broken Here menüpontban. A színek módosításához adja hozzá az alábbi kódot a Megjelenés › Testreszabás › További CSS résznél (vagy a webhelyszerkesztőben a Stílusok › További CSS résznél), a saját színével:

[data-wq-root] { --wq-accent: #2f6b4f; }

A testreszabási útmutató felsorolja az összes beállítható színt és betűtípust.

Lassítja a honlapot?

Nem. A gomb aszinkron módon, az oldal után töltődik be. Az oldal head szakaszában lévő kis szkript megőrzi az oldal betöltése során fellépő hibákat a gomb betöltődéséig; csak figyeli őket.

Működik gyorsítótárazó és optimalizáló bővítményekkel?

Igen. A beállítások módosítása után ürítse a gyorsítótárat. Ha az optimalizáló bővítmény a látogató görgetéséig vagy koppintásáig késlelteti a JavaScript futtatását, a gomb csak akkor jelenik meg. Az oldalbetöltés kezdetétől a hibákat megőrző kis szkript olyan jelölést kapott, amelynek köszönhetően a WP Rocket, a LiteSpeed Cache, a Jetpack Boost és a Cloudflare Rocket Loader azonnal futtatja. Ha egy másik bővítmény késlelteti, adja hozzá a broken-here-early azonosítót az adott bővítmény késleltetés nélkül futtatandó szkriptjeinek listájához.

GDPR-barát? Beállít sütiket?

A gomb nem állít be sütiket. A képernyőkép elkészítése előtt a látogató böngészőjében elmosódnak a jelszómezők, a címekből pedig elküldés előtt eltűnik minden, ami bizalmas adatnak tűnik. A fejléceket, a sütiket és a console.log kimenetét soha nem gyűjti. A részletek alább, a Külső szolgáltatások részben, valamint a milyen adatokat rögzítünk oldalon olvashatók.

Működik a WooCommerce-szel és az oldalépítőkkel?

Igen. A gomb minden, a sablon által megjelenített oldalon megjelenik, függetlenül attól, hogy az oldal mivel készült.

Mi a helyzet a többwebhelyes hálózatokkal?

A hálózat minden webhelye külön webhely a Broken Here rendszerében, saját kulccsal, amely a webhely saját Beállítások › Broken Here menüpontjában található.

Mi történik a jelentésekkel a bővítmény törlése után?

Megmaradnak a Broken Here rendszerében. A bővítmény törlése csak a beállításait távolítja el a WordPressből, semmi mást.

Vélemények

Nincsenek értékelések erről a bővítményről.

Közreműködők és fejlesztők

“Broken Here” egy nyílt forráskódú szoftver. A bővítményhez a következő személyek járultak hozzá:

Közreműködők

“Broken Here” 1 nyelvre lett lefordítva. Köszönet a fordítóknak az áldozatos munkájukért!

“Broken Here” fordítása a saját nyelvünkre.

Érdekeltek vagyunk a fejlesztésben?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Változási napló

1.0.0

  • Első kiadás: Probléma jelentése gomb minden oldalon vagy csak a bejelentkezett felhasználóknak, a kiválasztott sarokban vagy saját hivatkozásokkal megnyitható formában.