Opera Dragonfly documentation

Appendix D: Glossary

Active Tab or Window
The tab or window which has focus and accepts user interaction. This is usually the front most tab or window.
Alert Debugging
The act of debugging by using JavaScript alert dialogs to output debugging messages.
Application Toolbar
The top level toolbar in Opera Dragonfly. This is where the tools that make up Opera Dragonfly are selected, and the windowing controls are located.
Chrome
The user interface of an application.
Command Line
A command line is a text only interface for entering commands using the keyboard. Opera Dragonfly uses a REPL command line, found in the Console.
Console HUD
The Console Heads Up Display is an overlay on top of Opera Dragonfly that provides command line functionality. It supports the Firebug Command Line and Console APIs and Bash-like shortcuts.
Context Menu
A contextual menu which lists actions that can be performed on the associated element or control. This is often activated by the right mouse button, but this can vary depending on hardware, platform or user configuration.
CSS
Cascading Style Sheets is a styling and layout language for the Web. It is standardized by the W3C.
Debugging
A process to find and remove bugs in a computer program to make it perform as expected.
Debugging Context
The context which Opera Dragonfly is attached to. This can be a web page (e.g. a tab or window), an Opera Extension, Opera Widget, Opera Unite application or another technology based on web technologies supported by Opera.
Debugging Context Selector
A UI control for selecting the debugging context in Opera Dragonfly. It contains a list of the open debugging contexts, along with an option to select the currently active tab or window, and to reload the debugging context.
Detached Mode
The UI mode for Opera Dragonfly when it is show as a separate window from the browser window.
Docked Mode
The UI mode for Opera Dragonfly when it is attached to the bottom of the browser window.
Document Selector
A UI control for selecting the HTML or XML document in the Documents panel, or the JavaScript script in the Scripts panel. The selected document or script will be shown in the code view below the document selector.
DOM
The Document Object Model is a cross-language API for representing and interacting with HTML and XML documents. It is standardized by the W3C.
DOM Inspector
The DOM Inspector is a tool for viewing and manipulating the DOM representation of an HTML or XML document. It works in co-operation with the Style Inspector. In Opera Dragonfly this is located in the Documents panel.
Editing Mode
The mode for editing content. Opera Dragonfly has two editing modes: single-line and multi-line editing.
Errors
The errors, warnings and information messages outputted when parsing the various types of resources that make up the debugging context, or that are produced via the Console API. Errors and warnings produced by Opera are parsing issues rather than validation issues. It will include valid declarations that are not supported by Opera Presto, and will exclude non-standard declarations that are supported by Opera Presto.
Eval
A JavaScript expression that has been evaluated with the eval() function.
Filter Query
The term that is used to filter a panel’s contents.
Filtering
The act of hiding items in the UI that do not match the filter query.
Global Feature
A feature that is available throughout the application, independent of the active panel. The Console, Remote Debugging and Settings are global in Opera Dragonfly.
HTML5 APIs
JavaScript Application Programming Interfaces (APIs) defined in, or originating from the HTML5 specification. These APIs are aimed at supplying the functionality required by web applications.
Initial Style
The default style of a CSS property, which has been set by the user agent. A property still uses its initial style if it has no rules that match and adjust the property value.
Inline Script
A scripts that is defined in the script element of a HTML or XML document.
JavaScript
The lingua franca scripting language of the Web. The language was standardized as ECMAScript by ECMA, but it is still most commonly referred to as JavaScript.
JavaScript Debugger
A tool for debugging JavaScript. In Opera Dragonfly this is located in the Scripts panel.
Local Device
The computer on which Opera Dragonfly is running.
Main Panel
A sub-panel that is takes up the main portion of the parent panel. Some panels such as the Network Panel only contain a main panel, while some like the Scripts panel contain a main panel and a side panel.
A horizontal list of drop down menus which contain application specific actions such as copy and past or saving files. On Mac this is displayed at the top of the screen, while on Windows and Linux it is often displayed between the title bar and toolbar of an application window. Opera replaces this by default with the Opera Menu on Windows and Linux.
Multi-Line Editing Mode
An editing mode where multiple lines can be edited at a time. The Enter key adds a new line. The Ctrl+Enter (+Enter) keys submits the edit.
Open Web Platform
An application and web site development platform based on open, royalty free technologies such as HTML, CSS, ECMAScript and SVG.
Opera Browser
A desktop web browser produced by Opera Software ASA. It runs on the Windows, Mac and Linux operating systems.
Opera Dragonfly
A development and debugging tool for Opera Presto based browsers.
Opera Extension
An application built using web technologies to extend the capabilities of the Opera browser.
Opera Menu
The button at the top left (using the default Opera skin and layout) of the Opera browser window on Windows and Linux. This button and associated menu replaces the traditional menu bar.
Opera Mobile
A mobile web browser produced by Opera Software ASA. It runs on a number of smart phone operating systems including Android, Symbian, and Windows Mobile.
Opera Presto
The rendering engine that powers Opera’s range of web browsers, and products based on the Opera Devices SDK.
Opera Widgets
An application runtime based on Open Web technologies, and using the Opera Presto rendering engine.
Panel
A UI container in Opera Dragonfly that contains the UI for a tool or major function. Opera Dragonfly is split into a number of top level panels. A panel can be split into a number of sub-panels.
Parent Document
The HTML or XML document which resources such as scripts are linked from or defined within.
Properties
In CSS a property is a declaration to define a style. Examples include font-family, or border-radius.
In JavaScript and the DOM a property is a variable, object or method/function. Examples include length, Document, or getComputedStyle.
Remote Device
A device other than the one where Opera Dragonfly is running. Examples include another computer, a mobile phone or a TV. Opera Dragonfly can connect to a remote device running Scope using the remote debugging functionality.
Request Time
The duration in between the load of an URI and when an HTTP request is started for this URI .
Resources
The files that make up the debugging context. This includes files such as JavaScript files, HTML documents, images, fonts, videos, etc.
Response Time
The duration in between the start of an HTTP request and the completion of this HTTP request for a defined URI.
Right Click
The act of clicking the right mouse button to perform an action. This usually activates the context menu. The right click action may be replaced with another action depending on hardware, platform or operation system. The Mac often uses Control+click for example.
Scripts
The JavaScript files associated with the debugging context. These include external scripts, inline scripts (via the script element), evaled scripts and injected scripts.
Search Panel
A panel that contains search functionality. Typically consists of a search field, results badge, navigation, and advanced options such as RegExp. Results are shown directly in the panel. Clicking on a result moves to where the result is found in the main panel.
Side Panel
A sub-panel that is located to the side of the main sub-panel. In Opera Dragonfly the side panels are typically located to the right hand side of the main sub-panel.
Single-Line Editing Mode
An editing mode where one line is edited at a time. The Enter key submits the edit.
Specification
The document that defines a standard or recommendation. Opera Dragonfly links to the specification for various features such as CSS and DOM properties.
Style Inspector
The Style Inspector is a tool for viewing and manipulating CSS styles applied to a HTML or XML document. It works in co-operation with the DOM Inspector. In Opera Dragonfly this is located in the Styles sub-panel of the Documents panel.
Sub-panel
A UI container which is a child of a parent panel. A sub-panel contains the UI for a function or collection of related functions, which makes up a section of the UI for the parent panel. Sub-panels are represented as tabs under their parent panel.
SVG
Scalable Vector Graphics is a vector-based graphics format for delivery on the Web. It includes the ability to provide animations and interactivity, as well as static graphics. It is defined by the W3C.
Tab
A UI container represented as a tab, which usually contains a web page. Multiple tabs can be contained in one window.
Toolbar
A UI container displayed as a horizontal bar, which contains UI controls. Opera Dragonfly contains a main application toolbar, toolbars bound to a sub-panel or section, and contextual modal toolbars, such as for search.
Total Duration
The total duration is the difference between the completion time of an HTTP request and the initial load for a defined URI.
Web Storage
An HTML5 API for storing data using key value pairs.
Window
A UI container which contains the browser chrome and one or more tabs containing web pages.
Windowing controls
The controls for interacting with the Opera Dragonfly window. These include closing the window, detaching it from, and docking it to the Opera window, and selecting which debugging context to which Opera Dragonfly attaches.