Der Blog von Benny Neugebauer

Chrome Remote Debugging mit Google Nexus 7

bennyn — Thu, 25 Apr 2013 09:35:47 +0000

1. Google USB-Treiber installieren

2. Einstellungen im Goole Nexus 7 vornehmen

Chrome for Mobile – Settings > Developer Tools > Enable USB Web debugging
Device – Settings > Developer options > USB debugging

3. Google Nexus 7 über USB am PC anschließen

4. Windows-Kommandos in der Eingabeaufforderung

cd C:\Android\adt-bundle-windows-x86_64-20130219\sdk\platform-tools
adb forward tcp:9222 localabstract:chrome_devtools_remote

5. Aufruf im Chrome-Webbrowser
Danach “Inspectable pages” im Chrome Browser über die Adresse http://localhost:9222/ aufrufen.

Logging in Java

bennyn — Fri, 12 Apr 2013 21:31:47 +0000

Standard:

import java.util.logging.Level;
import java.util.logging.Logger;
...
private final static Logger LOGGER = Logger.getLogger(YourClass.class.getSimpleName());
...
LOGGER.log(Level.INFO, "Something: {0}", "Hello World"); // Something: Hello World

JSON parsen mit Java

bennyn — Fri, 12 Apr 2013 21:29:18 +0000

Möglichkeit 1

Maven Dependency:

>
  >net.sf.json-lib>
  >json-lib>
  >2.4>
  >jdk15>
>

Code:

import net.sf.json.JSONObject;
import net.sf.json.JSONSerializer;
...
String json = "{\"name\":\"Benny\",\"email\":\"test\\u0040bennyn.de\"}";
JSONObject object = (JSONObject) JSONSerializer.toJSON(json);
String email = object.getString("email"); // test@bennyn.de

Möglichkeit 2

Maven Dependency:

>
  >com.restfb>
  >restfb>
  >1.6.12>
>

Code:

import com.restfb.json.JsonObject;
...
String json = "{\"name\":\"Benny\",\"email\":\"test\\u0040bennyn.de\"}";
JsonObject object = new JsonObject(json);
String email = object.getString("email"); // test@bennyn.de

Event-Handler mit JavaScript hinzufügen und entfernen

bennyn — Wed, 03 Apr 2013 19:06:55 +0000

Event-Handler (dt. Ereignisbehandler) können in JavaScript über verschiedene Wege hinzugefügt werden. In den folgenden Code-Beispielen zeige ich die Vor- und Nachteile der jeweiligen Lösungen mit reinem JavaScript und jQuery.

Event-Handler hinzufügen

Möglichkeit 1

window.onload = function() {
  console.log('Ich bin ein Event-Handler.');
};
 
window.onload = function() {
  console.log('... allerdings überschreibe alle vorherigen Event-Handler.');
};

Möglichkeit 2

window.addEventListener('load', function() {
  console.log('Ich überschreibe NICHT meine vorherigen Event-Handler.');
  console.log('Allerdings funktioniere ich nicht in allen Browsern.');
  console.log('Im Internet Explorer 8 nennt man mich attachEvent()');
});

Möglichkeit 3

$(window).on('load', function() {
  console.log('Ich funktioniere in vielen Browsern!');
});

Möglichkeit 4

$(window).bind('load', function() {
  console.log('Ich bin die ALTE Variante von on()');
});

Möglichkeit 5

$(window).load(function() {
  console.log("Ich bin die Kurzschreibweise von on('load')");
});

Event-Handler entfernen

Möglichkeit 1

var handler = function() {
  console.log('Man kann mich auch entfernen!');
};
 
$(window).on('load', handler);
$(window).off('load', handler);

Möglichkeit 2

var handler = function() {
  console.log('Natürlich kann man mich auch ohne jQuery entfernen.');
};
 
window.addEventListener('load', handler);
window.removeEventListener('load', handler);

Event-Handler für mehrere Events

var handler = function() {
  console.log('Ich bin ein Event-Handler.');
};
 
$(window).on('load resize orientationchange', handler);

Ereignis auslösen / Event triggern

var handler = function() {
  console.log('Ich bin ein Event-Handler.');
};
 
$(window).on('orientationchange', handler);
$(window).trigger('orientationchange');

Event-Triggering mit Parameterübergabe

var handler = function($event, param1, param2) {
  console.log($event.type); // orientationchange
  console.log(param1); // Hello
  console.log(param2); // World
};
 
$(window).on('orientationchange', handler);
$(window).trigger('orientationchange', ['Hello', 'World']);

Event-Triggering mit Parameterübergabe und JSDoc

/**
 * Event handling example for 'window.onorientationchange' with jQuery.
 * 
 * @param {type} $event jQuery’s Event Object: http://api.jquery.com/category/events/event-object/
 * @param {type} param1 First argument from triggered parameters: http://api.jquery.com/trigger/
 * @param {type} param2 Second argument from triggered parameters: http://api.jquery.com/trigger/
 * @returns {undefined}
 */
var handler = function($event, param1, param2) {
  console.log($event.type); // orientationchange
  console.log(param1); // Hello
  console.log(param2); // World
};
 
$(window).on('orientationchange', handler);
$(window).trigger('orientationchange', ['Hello', 'World']);

Event-Handling mit jQuery Chaining

$(window).on('orientationchange', function($event, param1, param2) {
  console.log($event.type); // orientationchange
  console.log(param1); // Hello
  console.log(param2); // World
}).trigger('orientationchange', ['Hello', 'World']);

Nachteil: Event-Handler wurde mit einer anonymen Funktionen erstellt und lässt sich nicht über $(window).off('orientationchange', handler); entfernen. Die Lösung besteht in der Nutzung von eigenen Event-Namen.

Event-Handling mit eigenen Event-Namen

$(window).on('orientationchange.helloWorld', function() {
  console.log('Hello World');
});
 
$(window).trigger('orientationchange'); // Hello World
$(window).off('orientationchange.helloWorld');
$(window).trigger('orientationchange'); // Nothing...

Event Handler in Windows Store-Apps hinzufügen

bennyn — Sun, 24 Mar 2013 21:56:10 +0000

XAML-Element:

1	x:Name="advert">...>

Möglichkeit 1

1	x:Name="advert" Tapped="AdvertTapped">...>

private void AdvertTapped(object sender, TappedRoutedEventArgs e)
{
 // do something
}

Möglichkeit 2

public GroupDetailPage()
{
  this.InitializeComponent();
 
  advert.AddHandler(Grid.TappedEvent, new TappedEventHandler(AdvertTapped), true);
}
 
private void AdvertTapped(object sender, TappedRoutedEventArgs e)
{
 // do something
}

Möglichkeit 3

public GroupDetailPage()
{
  this.InitializeComponent();
 
  advert.Tapped += new TappedEventHandler(AdvertTapped);
}
 
private void AdvertTapped(object sender, TappedRoutedEventArgs e)
{
  // do something
}

Möglichkeit 4

public GroupDetailPage()
{
  this.InitializeComponent();
 
  advert.Tapped += (sender, e) =>
  {
    // do something
  };
}