Fuel - Firefox 3 (June '07)

FUEL Paris - June 23, 2007 John Resig - Mozilla Corp.

What is FUEL? • JavaScript API for Mozilla development • Focus on solving most common problems • Emphasis on Firefox Extension Dev • Improve portability • Targeting Web Developers

Implementation • Written in pure JavaScript • (Users can crack it open and see how it works.) • Wrappers around XPCOM objects

Simplify Concepts • Provide a consistent means of doing these: • Events • foo.events.addListener( “test”, fn ); • Iteration • foo.all.forEach( fn ); • Add/Remove • foo.add( obj ) / obj.remove()

FUEL 0.1 • Preferences, Events, Storage • In Firefox 3.0a4 • API: http://wiki.mozilla.org/FUEL/0.1/API

Application Events • Make sure the application is ready to be interacted with (all aspects are loaded): Application.events.addListener(“ready”, fn); • Handle when a user exits thefn); application: Application.events.addListener(“quit”,

Preferences • Coverage of the most common preference tasks. • Get/Set Preferences: Application.prefs.getValue(“my.pref”, default); Application.prefs.setValue(“my.pref”, “value”); • Extension Preferences: true); myExt.prefs.setValue(“autosave”,

Preferences (cont.) • Get all preferences that have been modiﬁed by the user: Application.prefs.all.forEach(function(p){ if ( p.modiﬁed ) // do something });

Storage • Temporary, runtime, data storage and retrieval. • Application-wide storage: Application.storage.set(“data”, 4); • Extension-level storage: myExt.storage.get(“data”, 0);

FUEL 0.2 • Window/Browser Tabs, Bookmarks • Will be in Firefox 3.0a6 (under ﬁnal review) • API: http://wiki.mozilla.org/FUEL/0.2/API

Browser • Get the current active browser window: Application.activeWindow • Get the URL of the active tab: Application.activeWindow.activeTab.url

Browser (cont.) • Open and activate a new tab: Application.activeWindow .open(quot;http://google.com/quot;).focus(); • Close all Google-related tabs: Application.activeWindow.tabs.forEach(function(tab){ if ( tab.url.match(/google/) ) tab.remove(); });

Bookmarks • Add a new bookmark: Application.bookmarks.add(quot;Mozillaquot;, quot;http://mozilla.org/quot;); • Remove all Google-related bookmarks: Application.bookmarks.all.forEach(function(cur){ if ( cur.url.match(/google.com/) ) cur.remove(); });

Overview • Application Events (0.1) • Preferences (0.1) • Storage (0.1) • Bookmarks (0.2) • Window / Browser Tabs (0.2)

More Info • All about FUEL: http://wiki.mozilla.org/FUEL • Test Suite: http://mxr.mozilla.org/seamonkey/source/browser/fuel/test/ • Contact: • Mark Finkle (mﬁnkle@mozilla.com) • John Resig (jresig@mozilla.com)

http://ejohn.org	2094
http://www.slideshare.net	12
http://webcache.googleusercontent.com	3
http://brentwoodtennesseerealestate.org	2
http://holographicmemorydiscs.com	2
http://www.hanrss.com	2
http://xss.yandex.net	1
http://209.85.215.104	1
http://66.102.9.104	1
http://www.zhuaxia.com	1
http://blogcommentservice.com	1
http://74.125.77.132	1
http://feeds.feedburner.com	1
http://xianguo.com	1

Fuel - Firefox 3 (June '07)

by jeresig on Jul 10, 2007

Accessibility

Categories

Tags

Upload Details

Usage Rights

14 Embeds 2,123

Statistics

Fuel - Firefox 3 (June ’07) — Presentation Transcript