Udviklingsværktøjer

Tryk Page Down og Page Up for at skifte slides.

Opera indeholder forskellige værktøjer til understøttelse af webudvikling.

Developer console er et værktøj til at analysere og/eller interaktivt at ændre en webside under selve udviklingen eller ved fejlretning. Kildetekstviseren er et simpelt værktøj til at fremvise en websides kildetekst og til hurtigt at ændre i den.

Developer Console

Menupunktet Funktioner > Avanceret > Udviklingsværktøjer åbner en webside fra Dev.Opera, hvorfra der er links til adskillige JavaScript-applikationer. Developer console er en af disse applikationer, og den kan — ligesom alle de andre — trækkes over til enhver værktøjslinje i Opera og slippes herpå. Når du åbner Developer console, bliver et lille vindue vist oven på websiden, du ønsker at analysere. Dette vindue har fem faner: DOM, JS, CSS, HTTP og About.

Bemærk: For at virke kræver JavaScript-applikationerne fra Dev.Opera, Opera må vise pop-op-vinduer.

Developer console starter op med fanen DOM, hvori en knudeliste er sammenfoldet under punktet "document". Klik på plus-tegnet for at udfolde listen. Når du klikker på en knude (eng: node), blinker websiden kortvarigt for at indikere området, der er associeret med knuden.

Du kan også klikke ethvert sted på websiden, hvorefter listen med DOM-knuder vises og den relevante knude for det klikkede område er fremhævet. For at søge efter relevante områder kan du trykke og hold Skift-tasten nede, mens du gennemsøger siden med musemarkøren.

Centrale funktioner under DOM-fanen:

"Search" gør det muligt at afsøge DOM-træet for enhver knudeklasse ved hjælp af de almindelige CSS-selectore, f.eks. p > a for en forældre-barn-relation eller #menu for at finde en id.
"Snapshot" viser et komplet og aktuelt DOM-træ

Developer console kan anvendes til interaktivt at ændre en webside. Knappen "Remove" i DOM-fanen kan helt fjerne knuder, og enhver CSS-egenskab kan redigeres fra CSS-fanen via knappen "Show rules" for det relevante typografiark. Effekten af ændringerne vises med det samme og kan eksporteres til senere brug.

En mere detaljeret gennemgang af developer console findes på Dev.Opera.

Kildetekstviseren

Opera har et simpelt værktøj indbygget til fremvisning af websider. Hvis du har behov for at se en websides kildetekst, skal du blot gå til Vis > Kildetekst eller trykke Ctrl+F3. En anden mulighed er at højre-klikke på siden og vælge "Kildetekst".

Kildetekstviseren åbner i et nyt faneblad på din fanebjælke. Den har syntaks-fremhævning for at give dig et bedre overblik over kildeteksten. Hvis du ønsker at redigere i websiden, har du to muligheder:

Gem til cache og se resultatet af dine ændringer med det samme: klik "Anvend ændringer" eller tryk Ctrl+R.
Gem et sted på din computer efter eget valg: klik på "Gem" eller tryk Ctrl+S.

Bemærk, redigerer du i et dokument, der er gemt lokalt på din computer, vil "Anvend ændringer" gemme dine ændringer permanent i dokumentet.

Foretrækker du at anvende et eksternt program til redigering og fremvisningen af kildetekst, kan du angive dette under indstillingerne af programmer.