Inspicere elementer p\u00e5 en Chromebook er et praktisk v\u00e6rkt\u00f8j til at unders\u00f8ge et websteds frontend-kode \u2013 HTML, CSS og endda noget JavaScript. Det er prim\u00e6rt nyttigt til fejlfinding eller bare nysgerrige justeringer, men husk, at disse \u00e6ndringer kun er midlertidige. Genindl\u00e6s siden, og alt vender tilbage til det normale. Pr\u00f8v det, hvis du roder med webdesign eller endda fejlfinder nogle layoutfejl. Da Chromebooks k\u00f8rer Chrome OS, er processen stort set den samme som i almindelig Chrome, men nogle gange st\u00f8der folk p\u00e5 m\u00e6rkelige blokeringer \u2013 is\u00e6r hvis de er p\u00e5 skole- eller arbejdsenheder, hvor administratorbegr\u00e6nsninger kommer i spil. S\u00e5 det kan v\u00e6re en livredder at vide, hvordan man f\u00e5r adgang til eller endda omg\u00e5r nogle af disse begr\u00e6nsninger. Hvis den almindelige h\u00f8jreklikmetode ikke holder \u2013 f.eks.hvis den er deaktiveret eller blokeret \u2013 kan du pr\u00f8ve nogle alternative m\u00e5der. Her er et par muligheder for at f\u00e5 disse udviklerv\u00e6rkt\u00f8jer til at virke p\u00e5 din Chromebook, uanset om du bare er tr\u00e6t af de irriterende begr\u00e6nsninger eller bare vil kigge p\u00e5 et websteds kode for sjov.<\/p>\n
Dette er den nemmeste metode \u2013 h\u00f8jreklik blot (eller tryk med to fingre, hvis du bruger en trackpad) p\u00e5 et element, du vil tjekke, og v\u00e6lg derefter Inspicer<\/strong>. I de fleste ops\u00e6tninger \u00e5bner panelet Udviklerv\u00e6rkt\u00f8jer med det samme, og koden for det p\u00e5g\u00e6ldende element fremh\u00e6ves. Ret ligetil, ikke? Men nogle gange blokerer websteder h\u00f8jreklik, is\u00e6r hvis indholdsejere fors\u00f8ger at beskytte deres ting. Hvis det er tilf\u00e6ldet, skal du g\u00e5 videre til de mere avancerede muligheder nedenfor. I min ops\u00e6tning virker h\u00f8jreklik ikke i starten p\u00e5 nogle websteder, men efter en hurtig sideopdatering eller deaktivering\/scriptblokering virker det pludselig. M\u00e6rkeligt, hvordan disse beskyttelser kan v\u00e6re s\u00e5 inkonsekvente.<\/p>\n Hvis h\u00f8jreklik er deaktiveret, eller du bare er doven, er Ctrl + Shift + C<\/strong> din ven. Det udl\u00f8ser den samme “Inspekter”-funktion med det samme. N\u00e5r udviklerv\u00e6rkt\u00f8jerne dukker op, vil du se et lille pilikon i \u00f8verste venstre hj\u00f8rne af v\u00e6rkt\u00f8jspanelet. N\u00e5r du klikker p\u00e5 det, vises et tr\u00e5dkors \u2013 klik p\u00e5 et hvilket som helst element p\u00e5 siden for at inspicere netop den del. Det ser ud til at v\u00e6re en hurtig m\u00e5de at hoppe ind p\u00e5 uden at navigere i menuer. P\u00e5 nogle websteder fungerer denne genvej som magi med det samme, men p\u00e5 andre, is\u00e6r st\u00e6rkt beskyttede websteder, g\u00f8r den muligvis ikke noget, medmindre du har aktiveret nogle ekstra tilladelser. Chrome skal selvf\u00f8lgelig g\u00f8re det sv\u00e6rere end n\u00f8dvendigt.<\/p>\n Hvis du foretr\u00e6kker menuer, skal du blot \u00e5bne Chrome-menuen ved at klikke p\u00e5 de tre prikker ( lodrette ellipse<\/strong> ) i \u00f8verste h\u00f8jre hj\u00f8rne. Naviger derefter til Flere v\u00e6rkt\u00f8jer > Udviklerv\u00e6rkt\u00f8jer<\/strong>. Det \u00e5bner udviklerpanelet i h\u00f8jre eller nederste hj\u00f8rne. Derfra skal du klikke p\u00e5 fanen Elementer<\/strong>, og s\u00e5 er du klar. For at inspicere specifikke elementer skal du klikke p\u00e5 pilikonet i panelet og trykke p\u00e5 en hvilken som helst del af siden, du vil analysere. Nemt, men igen, hvis udviklerv\u00e6rkt\u00f8jer er blokeret, virker det muligvis ikke. Nogle gange kan det at genstarte Chrome eller rydde cachen hj\u00e6lpe med at opdatere tilladelser, men p\u00e5 skolenheder kan det bare mislykkes lydl\u00f8st.<\/p>\n Hvis du bruger en Chromebook med begr\u00e6nsede funktioner \u2013 f.eks.en i skolen \u2013 er der stor sandsynlighed for, at alle disse muligheder er l\u00e5st. Men lidt lusket er der en l\u00f8sning, hvis du har brug for at inspicere noget grundl\u00e6ggende. En ting, jeg har set virke, er at tilf\u00f8je et bogm\u00e6rke, der inds\u00e6tter et lille script p\u00e5 siden: som denne, skulle kopieres og inds\u00e6ttes i et bogm\u00e6rkes URL:<\/p>\n Grundl\u00e6ggende set forvandler dette siden til en slags redigerbart dokument, s\u00e5 du kan rode med dens visning. Det er ikke helt det samme som udviklingsv\u00e6rkt\u00f8jer, men hvis du vil se, hvordan forskellige elementer er arrangeret, eller justere statisk indhold, er det en hurtig l\u00f8sning. For at g\u00f8re dette skal du oprette et nyt bogm\u00e6rke (fra menuen, Bogm\u00e6rker > Tilf\u00f8j bogm\u00e6rke<\/strong> ) og inds\u00e6tte koden i URL-feltet. Klik nu p\u00e5 bogm\u00e6rket p\u00e5 en hvilken som helst side for at g\u00f8re det redigerbart. Du f\u00e5r dog ikke fuld CSS- og HTML-adgang som i udviklingsv\u00e6rkt\u00f8jer, men det er nok til lidt almindelig justering. V\u00e6r blot opm\u00e6rksom p\u00e5, at denne metode p\u00e5 l\u00e5ste enheder kan v\u00e6re deaktiveret eller \u00f8delagt, hvis administratoren har strammet restriktionerne yderligere.<\/p>\n Helt \u00e6rligt, det er lidt frustrerende, hvordan nogle milj\u00f8er blokerer grundl\u00e6ggende webudviklerfunktioner, men der findes l\u00f8sninger. Man skal bare dykke ned i disse muligheder, og nogle gange pr\u00f8ve sig frem lidt. Hvis du pr\u00f8ver at omg\u00e5 begr\u00e6nsninger, s\u00e5 husk bare – forsigtighed er konge, is\u00e6r i administrerede milj\u00f8er. Til personlig brug kan disse tricks dog spare dig for en masse hovedpine, n\u00e5r du bare vil kigge ind under motorhjelmen.<\/p>\n","protected":false},"excerpt":{"rendered":" Inspicere elementer p\u00e5 en Chromebook er et praktisk v\u00e6rkt\u00f8j til at unders\u00f8ge et websteds frontend-kode \u2013 HTML, CSS og endda noget JavaScript. Det er prim\u00e6rt nyttigt til fejlfinding eller bare nysgerrige justeringer, men husk, at disse \u00e6ndringer kun er midlertidige. Genindl\u00e6s siden, og alt vender tilbage til det normale. Pr\u00f8v det, hvis du roder med […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-10774","post","type-post","status-publish","format-standard","hentry","category-how-to"],"acf":[],"_links":{"self":[{"href":"https:\/\/howtogeek.blog\/da\/wp-json\/wp\/v2\/posts\/10774","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/howtogeek.blog\/da\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/howtogeek.blog\/da\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/howtogeek.blog\/da\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/howtogeek.blog\/da\/wp-json\/wp\/v2\/comments?post=10774"}],"version-history":[{"count":1,"href":"https:\/\/howtogeek.blog\/da\/wp-json\/wp\/v2\/posts\/10774\/revisions"}],"predecessor-version":[{"id":10775,"href":"https:\/\/howtogeek.blog\/da\/wp-json\/wp\/v2\/posts\/10774\/revisions\/10775"}],"wp:attachment":[{"href":"https:\/\/howtogeek.blog\/da\/wp-json\/wp\/v2\/media?parent=10774"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/howtogeek.blog\/da\/wp-json\/wp\/v2\/categories?post=10774"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/howtogeek.blog\/da\/wp-json\/wp\/v2\/tags?post=10774"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Brug af genvejstaster<\/h3>\n
Brug af Chrome-menuen<\/h3>\n
Fjernelse af blokering af udviklerv\u00e6rkt\u00f8jer eller mere avancerede tricks<\/h3>\n
javascript:document.body.contentEditable='true'; document.designMode='on'; void 0<\/code><\/pre>\n