Touch UI v/s Klassische Benutzeroberfläche in AEM

Question

Wie überprüfen wir, ob die HTML-Seite in Adobe Experience Manager/CQ5 im Berührungsmodus oder im klassischen Modus geöffnet ist?

Answer 1

Sie können die Abhängigkeit zu /libs/wcm/foundation/components/utils/AuthoringUtils.js hinzufügen und dann AuthoringUtils.isTouch und AuthoringUtils.isClassic anrufen, um zu überprüfen, ob es sich gerade im aktuellen oder im klassischen Modus befindet. Beispielsweise würde Ihre JS Use API wie folgt aussehen.

"use strict"; 

use(["/libs/wcm/foundation/components/utils/AuthoringUtils.js"], function (AuthoringUtils) { 
    if (AuthoringUtils.isTouch) { 
     // do something 
    } else { 
     // do something else 
    } 

    // rest of the things 
}