{"id":230157,"date":"2022-12-03T12:57:00","date_gmt":"2022-12-03T09:57:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=230157"},"modified":"2022-12-03T18:37:08","modified_gmt":"2022-12-03T15:37:08","slug":"inbyggda-wordpress-felsoekningsverktyg-som-inte-kraever-en-ide","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/sv\/inbyggda-wordpress-felsoekningsverktyg-som-inte-kraever-en-ide\/","title":{"rendered":"Inbyggda WordPress-fels\u00f6kningsverktyg som inte kr\u00e4ver en IDE"},"content":{"rendered":"\n<p>Om du just har r\u00e5kat bli <strong><a href=\"https:\/\/tommcfarlin.com\/members-only-content\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">medlem<\/a><\/strong> p\u00e5 webbplatsen och s\u00f6ker inneh\u00e5ll specifikt f\u00f6r <strong><a href=\"https:\/\/tommcfarlin.com\/tag\/the-independent-wordpress-developer\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">The Independent WordPress Developer<\/a><\/strong> rekommenderar jag att du l\u00e4ser <strong><a href=\"https:\/\/wordpress.mediadoma.com\/sv\/installera-wordpress-foer-lokal-utveckling\/\" title=\"det f\u00f6reg\u00e5ende inl\u00e4gget\">det f\u00f6reg\u00e5ende inl\u00e4gget<\/a><\/strong> \u2013 \u00e5tminstone \u2013 f\u00f6r att f\u00f6rbereda dig f\u00f6r inneh\u00e5llet i det h\u00e4r inl\u00e4gget.<\/p>\n<p>Om du d\u00e4remot vill komma ikapp den tidigare artikeln, h\u00e4r \u00e4r en kort lista \u00f6ver allt som har skrivits hittills:<\/p>\n<ol>\n<li><strong><a href=\"https:\/\/tommcfarlin.com\/local-development-for-the-indie-wordpress-developer\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Lokal utveckling f\u00f6r Indie WordPress-utvecklaren<\/a><\/strong><\/li>\n<li><a href=\"https:\/\/tommcfarlin.com\/databases-and-tools-indie-wordpress-developer\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Databaser och verktyg f\u00f6r Indie WordPress-utvecklaren<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.mediadoma.com\/sv\/installera-wordpress-foer-lokal-utveckling\/\" title=\"Installera WordPress f\u00f6r lokal utveckling\">Installera WordPress f\u00f6r lokal utveckling<\/a><\/li>\n<\/ol>\n<p>N\u00e4r vi f\u00f6rbereder oss f\u00f6r att g\u00e5 vidare till att prata om mer avancerade \u00e4mnen som fels\u00f6kning och IDE \u00e4r det f\u00f6rst v\u00e4rt att notera de verktyg vi har tillg\u00e4ngliga verktyg som vi kan installera i WordPress som hj\u00e4lper oss med fels\u00f6kningsproblem under utvecklingen.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-163128-61e74ae7f1644.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-163128-61e74ae7f1644.png\" alt=\"Inbyggda WordPress-fels\u00f6kningsverktyg som inte kr\u00e4ver en IDE\"><\/a><\/p>\n<p>Vidare \u00e4r dessa problem inte relaterade till strikt PHP-fr\u00e5gor. Dessa inkluderar \u00e4ven JavaScript-problem. Och f\u00f6r att ta det ett steg l\u00e4ngre, det finns s\u00e4tt p\u00e5 vilka vi kan konfigurera WordPress inbyggt s\u00e5 att det matar ut fel direkt till v\u00e5r webbl\u00e4sare.<\/p>\n<p>S\u00e5 innan vi tittar p\u00e5 felloggar, IDE, Xdebug och s\u00e5 vidare, ska vi ta en titt p\u00e5 vad vi kan g\u00f6ra inom sj\u00e4lva WordPress.<\/p>\n<h2>Inbyggda WordPress-fels\u00f6kningsverktyg<\/h2>\n<p>De inbyggda WordPress-fels\u00f6kningsverktygen \u00e4r en kombination av tv\u00e5 saker:<\/p>\n<ol>\n<li>alternativen vi kan st\u00e4lla in i WordPress-konfigurationsfilen som till\u00e5ter oss att se information skriven p\u00e5 sk\u00e4rmen,<\/li>\n<li>flera plugins som hj\u00e4lper oss att arbeta med PHP- och JavaScript-filer fr\u00e5n WordPress-administrationsomr\u00e5det<\/li>\n<\/ol>\n<p>F\u00f6r den andra punkten ovan vill jag vara tydlig med att det finns m\u00e5nga tillg\u00e4ngliga plugins f\u00f6r n\u00e5got s\u00e5dant h\u00e4r; Jag vill dock h\u00e5lla installationen s\u00e5 smidig som m\u00f6jligt s\u00e5 att vi inte \u00f6versv\u00e4mmas av f\u00f6r mycket information.<\/p>\n<p>Ist\u00e4llet vill jag att vi ska ha den information vi beh\u00f6ver f\u00f6r att testa och utv\u00e4rdera v\u00e5rt arbete men att vi bara har det vi beh\u00f6ver. \u00c5tminstone f\u00f6r stunden. Kanske kommer vi att prata om avancerade \u00e4mnen i framtida inl\u00e4gg.<\/p>\n<p>Med det sagt, l\u00e5t oss b\u00f6rja.<\/p>\n<h3>WordPress-konfiguration<\/h3>\n<p>Innan du oroar dig f\u00f6r konfigurationen ger WordPress i sig n\u00e5gra olika alternativ som vi kan konfigurera i <code>wp-config.php<\/code>filen. Dessa \u00e4r v\u00e4ldokumenterade i Codex, men jag vet av erfarenhet av e-postmeddelanden fr\u00e5n andra att informationen kan vara lite sv\u00e5r att s\u00e5lla igenom.<\/p>\n<p>F\u00f6rst \u00e4r det viktigt att notera f\u00f6ljande (som citerats fr\u00e5n WordPress Codex):<\/p>\n<blockquote>\n<p><a href=\"\/\/codex.wordpress.org\/WP_DEBUG)\" class=\"external external_icon\" rel=\"nofollow\" target=\"_blank\">WP_DEBUG<\/a> \u00e4r en PHP-konstant (en permanent global variabel) som kan anv\u00e4ndas f\u00f6r att trigga &quot;debug&quot;-l\u00e4get i hela WordPress. Det antas vara falskt som standard och \u00e4r vanligtvis satt till sant i filen <a href=\"https:\/\/codex.wordpress.org\/Editing_wp-config.php\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wp-config.php<\/a> p\u00e5 utvecklingskopior av WordPress.<\/p>\n<\/blockquote>\n<p>Detta f\u00f6ruts\u00e4tter att du f\u00f6rst\u00e5r PHP-konstanter. Om inte, kolla in manualen <strong><a href=\"https:\/\/secure.php.net\/manual\/en\/language.constants.php\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">h\u00e4r<\/a><\/strong> (den \u00e4r ganska enkel). Det korta av det \u00e4r som f\u00f6ljer:<\/p>\n<blockquote>\n<p>En konstant \u00e4r en identifierare (namn) f\u00f6r ett enkelt v\u00e4rde.<\/p>\n<\/blockquote>\n<p>S\u00e5 jag ska g\u00f6ra vad jag kan f\u00f6r att tillhandah\u00e5lla konfigurationsalternativen s\u00e5 destillera det s\u00e5 mycket som m\u00f6jligt.<\/p>\n<p>F\u00f6rst i <code>wp-config.php<\/code>filen vill du \u00e4ndra raden <strong><a href=\"https:\/\/gist.github.com\/tommcfarlin\/426e02bcfc411d43be6715b3e84ead7e#file-09-wp-config-original-php\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">som lyder:<\/a><\/strong><\/p>\n<pre><code>&lt;?php\ndefine( 'WP_DEBUG', false );<\/code><\/pre>\n<p><strong><a href=\"https:\/\/gist.github.com\/tommcfarlin\/426e02bcfc411d43be6715b3e84ead7e#file-10-wp-config-debug-php\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Till detta<\/a><\/strong> :<\/p>\n<pre><code>&lt;?php\ndefine( 'WP_DEBUG', true );<\/code><\/pre>\n<p>Det \u00e4r dock inte allt. Det finns n\u00e5gra fler saker att l\u00e4gga till som kommer att f\u00f6rb\u00e4ttra fels\u00f6kningsupplevelsen:<\/p>\n<pre><code>&lt;?php\ndefine( 'WP_DEBUG', true );\ndefine( 'WP_DEBUG_LOG', true );\ndefine( 'WP_DEBUG_DISPLAY', true );\n@ini_set( 'display_errors', 1 );\ndefine( 'SCRIPT_DEBUG', true );\ndefine( 'SAVEQUERIES', true );<\/code><\/pre>\n<p>Om du f\u00f6ljer med i Men vad betyder varje rad? H\u00e4r \u00e4r en s\u00e5 kortfattad f\u00f6rklaring som jag kan ge just nu:<\/p>\n<ul>\n<li><strong>WP_DEBUG<\/strong>. Detta kommer att visa alla fel och varningar som skickas av PHP n\u00e4r du k\u00f6r WordPress. Att k\u00f6ra programmet i sig b\u00f6r inte visa n\u00e5gra problem; Men att k\u00f6ra den tillsammans med olika plugins kan vara en annan historia beroende p\u00e5 kvaliteten p\u00e5 plugin.<\/li>\n<li><strong>WP_DEBUG_LOG<\/strong>. Detta \u00e4r en av mina favoritkonstanter, och den skriver all utdata till loggen p\u00e5 ett detaljerat s\u00e4tt. Jag kommer att t\u00e4cka detta i ett kommande inl\u00e4gg men, f\u00f6r nu, vet att det h\u00e4r \u00e4r n\u00e5got som jag tycker alltid b\u00f6r st\u00e4llas in i din <strong><a href=\"https:\/\/wordpress.mediadoma.com\/sv\/installera-wordpress-foer-lokal-utveckling\/\" title=\"utvecklingsmilj\u00f6.\">utvecklingsmilj\u00f6.<\/a><\/strong><\/li>\n<li><strong>WP_DEBUG_DISPLAY<\/strong>. Detta \u00e4r en som du kan st\u00e4lla in p\u00e5 sant eller falskt (\u00e4ven om jag f\u00f6redrar sant). Den kompletterar den tidigare inst\u00e4llningen genom att l\u00e5ta dig se meddelanden i webbl\u00e4saren som ocks\u00e5 skrivs till bloggen. Jag vet inte om detta \u00e4r n\u00e5got som du kommer att tycka \u00e4r f\u00f6rdelaktigt eller inte. Om du inte \u00e4r beredd att g\u00e5 igenom stacksp\u00e5r och mer detaljerad information, kanske du vill \u00f6verv\u00e4ga att st\u00e4lla in denna till sann.<\/li>\n<li><strong>dislay_errors.<\/strong> Codexen n\u00e4mner att du kan st\u00e4lla in detta lika med falskt, men jag tror att det b\u00f6r st\u00e4llas in p\u00e5 sant som ett s\u00e4tt att aktivera felen och varningen.<\/li>\n<li><strong>SCRIPT_DEBUG<\/strong>. WordPress k\u00e4rna anv\u00e4nder minifierade versioner av CSS- och JavaScript-filer. Om du st\u00e4nger av den h\u00e4r inst\u00e4llningen kan du se allt inneh\u00e5ll i filerna i originalformen. Detta \u00e4r s\u00e4rskilt anv\u00e4ndbart om du ska bidra till Core eller arbeta med JavaScript som ing\u00e5r i Core.<\/li>\n<li><strong>SPARAFR\u00c5GOR<\/strong>. Det h\u00e4r \u00e4r en lite mer avancerad inst\u00e4llning, enligt mig. Kort sagt, det kommer att ta alla fr\u00e5gor som k\u00f6rs mot databasen och spara dem i en PHP-array som du senare kan analysera. Det<\/li>\n<\/ul>\n<p>Nu n\u00e4r vi har t\u00e4ckt WordPress-konfigurationen, hur \u00e4r det med plugins?<\/p>\n<h3>Plugins f\u00f6r fels\u00f6kning<\/h3>\n<p>N\u00e4r jag s\u00e4ger att f\u00f6rvaret \u00e4r fullt av plugins f\u00f6r detta menar jag det. Faktum \u00e4r att om du \u00e4r ny p\u00e5 WordPress-utveckling, skulle jag inte rekommendera att leta efter saker att installera.<\/p>\n<p>Det kan snabbt bli \u00f6verv\u00e4ldigande, du riskerar att inte f\u00f6rst\u00e5 vad vissa av dem g\u00f6r och potentiellt leda dig ner p\u00e5 en v\u00e4g d\u00e4r du hamnar i att borra din installation.<\/p>\n<p>Ist\u00e4llet f\u00f6r att g\u00f6ra det rekommenderar jag att du tar en titt p\u00e5 f\u00f6ljande plugins (l\u00e4ser f\u00f6rst\u00e5s deras beskrivning f\u00f6rst) och g\u00e5r sedan d\u00e4rifr\u00e5n:<\/p>\n<ol>\n<li><strong><a href=\"https:\/\/wordpress.org\/plugins\/debug-bar\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Fels\u00f6kningsf\u00e4ltet<\/a><\/strong>. Bara detta plugin l\u00e4gger till en meny till adminf\u00e4ltet som l\u00e5ter dig se fr\u00e5gan, cachen och annan information. Det kr\u00e4ver att WP_DEBUG och SAVEQUERIES som beskrivs ovan \u00e4r aktiverade.<\/li>\n<li><strong><a href=\"https:\/\/wordpress.org\/plugins\/debug-bar-list-dependencies\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Debug Bar List Script &amp; Style beroenden<\/a><\/strong>. Detta \u00e4r ett till\u00e4gg till ovanst\u00e5ende plugin som g\u00f6r att du kan fels\u00f6ka ytterligare JavaScript- och CSS-stilar som k\u00f6rs inom WordPress-sammanhang.<\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/debug-bar-console\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Debug Bar Console<\/a>. Denna plugin \u00e4r en som du b\u00f6r anv\u00e4nda med tvekan. \u00c5tminstone l\u00e5ter det dig k\u00f6ra PHP och MySQL fr\u00e5n sj\u00e4lva WordPress. Jag rekommenderar inte detta plugin s\u00e5vida du inte \u00e4r mycket bekv\u00e4m med n\u00e5got av de tv\u00e5 spr\u00e5ken. \u00c4nd\u00e5, om du \u00e4r det, \u00e4r detta n\u00e5got som kan vara kraftfullt f\u00f6r att prototypa en funktion eller en fr\u00e5ga innan du bygger in den i ditt plugin.<\/li>\n<\/ol>\n<h2>Unders\u00f6ker felloggar<\/h2>\n<p>I n\u00e4sta inl\u00e4gg b\u00f6rjar vi titta p\u00e5 vad som \u00e4r n\u00f6dv\u00e4ndigt f\u00f6r att unders\u00f6ka felloggen som genereras av WordPress och hur man f\u00f6rst\u00e5r informationen vi ser.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-163128-61e74aee547cd.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-163128-61e74aee547cd.png\" alt=\"Inbyggda WordPress-fels\u00f6kningsverktyg som inte kr\u00e4ver en IDE\"><\/a><\/p>\n<p>Dessutom kommer vi att unders\u00f6ka vad som \u00e4r n\u00f6dv\u00e4ndigt f\u00f6r att anv\u00e4nda plugins som beskrivs i det h\u00e4r inl\u00e4gget. Efter det g\u00e5r vi vidare till \u00e4nnu mer avancerade verktyg.<\/p>\n<p>Men ett steg i taget, eller hur?<\/p>\n<p>\u00c4n s\u00e5 l\u00e4nge, konfigurera din installation enligt ovan, installera de l\u00e4nkade plugins och g\u00f6r sedan vad du kan f\u00f6r att utforska hur de fungerar, vad du kan se p\u00e5 sk\u00e4rmen och hur detta kan p\u00e5verka och positivt gynna din utveckling.<\/p>\n<p>Ja, det kan finnas lite av en inl\u00e4rningskurva. Men det \u00e4r d\u00e4rf\u00f6r vi tar det s\u00e5 l\u00e5ngsamt. Det finns mycket att l\u00e4ra, och vi har gott om tid f\u00f6r att t\u00e4cka all mark som \u00e4r n\u00f6dv\u00e4ndig.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Inspelningsk\u00e4lla:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/tommcfarlin.com\" class=\"external external_icon\">tommcfarlin.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Innan vi tittar p\u00e5 felloggar, IDE, Xdebug och s\u00e5 vidare, ska vi ta en titt p\u00e5 vad vi kan g\u00f6ra med Native WordPress-fels\u00f6kningsverktyg.<\/p>\n","protected":false},"author":1,"featured_media":163129,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[901,724,868],"tags":[1173],"class_list":["post-230157","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-koda","category-utvecklaren","category-wordpress-9","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/230157","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/comments?post=230157"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/230157\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media\/163129"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media?parent=230157"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/categories?post=230157"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/tags?post=230157"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}