Samenvatting
In de kop van de editor staat een keuzelijst met een keverpictogram. Die heet Debug-modus en heeft precies drie standen.
Geen is de normale werkstand. Valideren markeert elk blok waarvan de code ongeldig is, en Content uitschakelen haalt de inhoud van álle blokken weg.
Je gebruikt de twee andere standen om te zien waar een kapotte pagina vandaan komt. De blokken blijven in beide standen op hun plek staan en houden hun naam.
De keuzelijst zit achter het recht Code toegang. Mach3Builders kent dat recht, na een aanvraag, per klant/gebruiker toe.
Wanneer gebruik je dit?
Je gebruikt dit als een pagina iets doet wat je niet kunt verklaren. De gewone instellingen geven dan geen antwoord, en je wilt weten welk blok het veroorzaakt.
Je gebruikt het ook nadat je zelf code hebt aangepast. Je controleert dan of een blok een fout in zijn code heeft.
Ligt het probleem bij verborgen inhoud of bij een element dat je niet kunt aanklikken, dan is dit niet de weg. Daarvoor bestaan andere acties in de editor.
Hoe werkt dit in Mach3Blocks?
De keuzelijst staat rechts in de kop, direct naast Preview. De actieve stand staat als tekst naast het pictogram, dus je ziet altijd waar je staat.
Elke regel in de uitklap is een gewone link. De pagina laadt dus opnieuw zodra je een stand kiest, en de regel van de actieve stand is geen link.
Kies je een stand, dan komt die in je sessie terecht. Hij blijft daar staan tot je hem zelf terugzet op Geen.
Wat elke stand met een blok doet
| Stand | Welke blokken het raakt | Wat je in de plaats ziet |
|---|---|---|
| Geen | geen | de pagina zoals hij is |
| Valideren | alleen een blok met ongeldige HTML of ongeldige LESS | een rode balk met de tekst "Fout in code" |
| Content uitschakelen | elk blok op de pagina | een balk met de tekst "Content uitgeschakeld" |
In de stand Content uitschakelen laadt de editor bovendien geen opmaak en geen scripts. Je houdt dus de structuur en de volgorde van de pagina over, en niets anders.
De balk neemt de plaats van het blok over en houdt de naam ervan. Het blok blijft daardoor aanklikbaar en het paneel rechts blijft zijn instellingen tonen.
De elementen binnen zo'n blok bestaan op dat moment niet meer. In deze stand kun je dus geen kop, tekst of afbeelding selecteren.
Wat Valideren wel en niet nakijkt
Deze stand kijkt naar twee dingen: de HTML van het blok en de LESS van het blok. Is een van die twee ongeldig, dan wordt het blok gemarkeerd.
Het is dus geen controle op opmaak, niet op toegankelijkheid en niet op scripts. Een blok dat er verkeerd uitziet maar geldige code heeft, blijft in deze stand gewoon staan.
Symptoom, oorzaak en oplossing
| Wat je ziet | Wat je doet | Wat je dan ziet |
|---|---|---|
| Een blok valt uit elkaar of toont niets, en je hebt kort daarvoor code aangepast | zet de keuzelijst op Valideren | het blok met de ongeldige code krijgt een rode balk; de andere blokken blijven staan |
| De pagina is stuk, maar je weet niet bij welk blok het begint | zet de keuzelijst op Content uitschakelen | elk blok wordt een balk met zijn naam, dus je ziet de reeks blokken op volgorde |
| De opmaak van de pagina loopt door elkaar heen | zet de keuzelijst op Content uitschakelen | de pagina zonder opmaak en zonder scripts, waarmee je ziet of de structuur zelf klopt |
| Een blok blijft ook zonder opmaak fout | selecteer dat blok en open de code ervan | de code van dat ene blok, waarin je de fout kunt herstellen |
Vind je met Valideren een gemarkeerd blok, dan zit de fout in de code van dat blok. Herstellen doe je in de codepop-in van dat blok; hoe die werkt, staat in Blokcode.
Vind je met Content uitschakelen dat de pagina wél goed in elkaar zit, dan zit het probleem in de opmaak of in een script. Zet de keuzelijst dan terug en werk verder in het paneel rechts.
Waar je kijkt
- Open de pagina in de editor.
- Klik in de kop op de keuzelijst met het keverpictogram.
- Kies Valideren en wacht tot de pagina opnieuw is geladen.
- Zoek op het canvas naar een rode balk.
- Kies Content uitschakelen als er geen rode balk staat.
- Loop de balken van boven naar beneden na en let op hun namen en hun volgorde.
- Zet de keuzelijst terug op Geen zodra je klaar bent.
Klik je een balk aan, dan volgt het pad onderaan de editor dezelfde weg als altijd. Zo zie je in welk blok je staat; dat pad staat uitgelegd in Navigeren in editor.
Voorwaarden en rechten
Je hebt het recht Code toegang nodig. Zonder dat recht staat de keuzelijst niet in de kop.
Mach3Builders kent Code toegang per klant toe. Het recht zit in geen enkele rol, en je vraagt het aan bij Mach3Builders; dat staat in Code toegang.
De keuzelijst staat alleen bij een pagina. Bij een blok, bij een navigatielaag en op het themascherm bestaat zij niet.
Veelgemaakte fouten
- De stand laten aanstaan. Hij hangt aan je sessie, dus je neemt hem mee naar een andere pagina en zelfs naar een andere website; zet hem terug op Geen.
- Zoeken naar een element in de stand Content uitschakelen. De elementen binnen een blok zijn dan vervangen, dus gebruik daarvoor het pad onderaan de editor.
- Verwachten dat Valideren ook opmaakfouten vindt. Het kijkt alleen of de HTML en de LESS van een blok geldig zijn.
- Diagnose doen in de verkeerde apparaatstand. Los je een probleem op terwijl het canvas op een andere breedte staat, dan lijkt het opgelost en is het dat niet.
- De voorvertoning gebruiken om te controleren. De twee standen werken alleen op het canvas van de editor, dus de voorvertoning toont altijd de echte pagina.
- Meer verwachten dan deze drie standen. Het terughalen van verborgen inhoud en het tonen van mouseovers zitten elders in de editor.