phonegap day 2016 eu: simulating cordova plugins in the browser

Hallo.Mijn naam is Ryan.

Laten we praten over hulpmiddelen.

Tools that InspireOur livelihood as developers depend upon the tools of our trade.

Platforms, frameworks, devices, debuggers, libraries, copy and paste.

Web Developers FirstWe’re here to talk about mobile development…

but if I guessed right, most of us identify as web developers first.

Ripple Today• Runs in an <iframe>

Ripple Today• Runs in an <iframe>• Limited to a dozen plugin simulators

Ripple Today• Runs in an <iframe>• Limited to a dozen plugin simulators• Unsupported plugins interrupt on every refresh

Ripple Today• Runs in an <iframe>• Limited to a dozen plugin simulators• Unsupported plugins interrupt on every refresh• Frequently hangs

Ripple Today• Runs in an <iframe>• Limited to a dozen plugin simulators• Unsupported plugins interrupt on every refresh• Frequently hangs• No support for Live Reload (i.e. file watchers)

Ripple Today• Runs in an <iframe>• Limited to a dozen plugin simulators• Unsupported plugins interrupt on every refresh• Frequently hangs• No support for Live Reload (i.e. file watchers)• Chrome only

Ripple Today• Runs in an <iframe>• Limited to a dozen plugin simulators• Unsupported plugins interrupt on every refresh• Frequently hangs• No support for Live Reload (i.e. file watchers)• Chrome only• In “beta” for too many years

How can we code more quickly using tools of the web?

Cordova SimulateThe Next Evolution of Ripple

<code>

webviewasync

Native CodeCordova Simulate

function exec()

Extensible for Everyone

DevelopersPersist responses

indefinitely.

Plugin Authors

Define your own simulation controls.

Browser Tools

Support more plugins. Control the look-and-

feel.

Cordova Simulate: the full story✔ Runs directly in the browser (no iframe)✔ Extensible plugin model✔ Remembers your response to unsupported plugins✔ Zero performance impact… no hangs.✔ Live Reload by default✔ Compatible with all modern browsers✔ Open source (MIT License)✔ Integrated directly into Visual Studio 2015 and VS Code

Debug your code on any browser, emulator or device.Increase speed & accuracy with Intellisense for plugins.

Invoke Cordova commands from the editor.

Visual Studio Code

@ryanjsalva @ryanjsalva

Cordova SimulateThe Next Evolution of Ripple