Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Cross Device Testing

Cross Device Testing

Dev Tools, browsersync, openstf, Emulatoren

Manuel Matuzovic

March 17, 2016
Tweet

More Decks by Manuel Matuzovic

Other Decks in Programming

Transcript

  1. STYLE EDITOR IN FFDE CSS live bearbeiten und Speichern https://www.youtube.com/watch?v=KuilgmtM-JE

    https://hacks.mozilla.org/2014/02/live-editing-sass-and-less-in-the-firefox-developer-tools/
  2. BROWSERSYNC npm install -g browser-sync cd pfad/zu/meinem/projekt browser-sync start --server

    --files “css/*.css” (HTML/Statisch) oder browser-sync start --proxy “myproject.dev” --files “css/*.css” (Dynamisch) Installation und Setup
  3. GERÄTE Chrome Remote Debugging & Screencasting Voraussetzungen: Android 4.0+ (Screencasting:

    4.4.3) und Chrome for Android und die neueste Chrome Version (am besten Canary). USB Debugging aktivieren: Settings > Developer options > USB Debugging.
  4. GERÄTE Safari iPad/iPhone: Settings > Safari > Privacy & Security

    > Fraudulent Website Warning [OFF] iPad/iPhone: Settings > Safari > Advanced > Web Inspector [ON]
  5. GERÄTE openstf.io - Smartphone Test Farm Android Geräte über den

    Browser steuern Mit Desktop-Tastatur tippen Screenshots erstellen Multitouch support Urls in allen installierten Browsern öffnen uvm.
  6. GERÄTE openstf.io - Installation brew install rethinkdb graphicsmagick zeromq protobuf

    yasm pkg-config npm install -g stf brew install android-platform-tools
  7. BETRIEBSSYSTEME UND MEHR weinre - WEb INspector REmote Bspw. für

    Windows Phone http://people.apache.org/~pmuellr/weinre/docs/latest/Home.html