deviceDetection Extra MODX
DeviceDetection permet de restreindre selon le support
  • 12 décembre 2016
  • Steeve

Dans ce tutoriel ultra rapide je vous propose d’apprendre a utiliser un Extra composé de deux Snippet que j’ai créé à l’aide d’une Class PHP nommé MobileDetect (http://mobiledetect.net/). Vous pouvez le télécharger via le gestionaire d'extensions. La page de l'extra ce trouve ici : DeviceDetection

Cet Extra est donc composé de deux Snippet.

Le premier permet de cacher ou afficher une partie de contenu (Chunk, Html, ...) selon le support utilisé par l’internaute qui visite votre site Internet.

Exemple 1 : pour afficher des éléments que sur les ordinateurs

	[[!deviceDetection? &computer=`1` &output=`Ce qui se trouve ici sera afficher que sur les ordinateurs`]]

Exemple 2 : pour afficher des éléments sur les ordinateurs et les tablettes

	[[!deviceDetection? &computer=`1` &tablet=`1` &output=`Ce qui se trouve ici sera afficher sur les odinateurs et les tablettes`]]

Exemple 3 : pour afficher des éléments que sur les mobiles

	[[!deviceDetection? &mobile=`1` &output=`Ce qui se trouve ici sera afficher uniquement sur les mobiles`]]
Attention il faut toujours appeler le Snippet uncached (sans cache). Donc ne retirez jamais le point d’exclamation qui se trouve après les doubles crochets ouvrants.

Le second Snippet permet de tester plus précisément le type de support utilisé par l’internaute qui visite vote si web. Il y a 178 méthodes possibles :

isMobile, isTablet, isiPhone, isBlackBerry, isHTC, isNexus, isDell, isMotorola, isSamsung, isLG, isSony, isAsus, isMicromax, isPalm, isVertu, isPantech, isFly, isWiko, isiMobile, isSimValley, isWolfgang, isAlcatel, isNintendo, isAmoi, isINQ, isGenericPhone, isiPad, isNexusTablet, isSamsungTablet, isKindle, isSurfaceTablet, isHPTablet, isAsusTablet, isBlackBerryTablet, isHTCtablet, isMotorolaTablet, isNookTablet, isAcerTablet, isToshibaTablet, isLGTablet, isFujitsuTablet, isPrestigioTablet, isLenovoTablet, isDellTablet, isYarvikTablet, isMedionTablet, isArnovaTablet, isIntensoTablet, isIRUTablet, isMegafonTablet, isEbodaTablet, isAllViewTablet, isArchosTablet, isAinolTablet, isSonyTablet, isPhilipsTablet, isCubeTablet, isCobyTablet, isMIDTablet, isMSITablet, isSMiTTablet, isRockChipTablet, isFlyTablet, isbqTablet, isHuaweiTablet, isNecTablet, isPantechTablet, isBronchoTablet, isVersusTablet, isZyncTablet, isPositivoTablet, isNabiTablet, isKoboTablet, isDanewTablet, isTexetTablet, isPlaystationTablet, isTrekstorTablet, isPyleAudioTablet, isAdvanTablet, isDanyTechTablet, isGalapadTablet, isMicromaxTablet, isKarbonnTablet, isAllFineTablet, isPROSCANTablet, isYONESTablet, isChangJiaTablet, isGUTablet, isPointOfViewTablet, isOvermaxTablet, isHCLTablet, isDPSTablet, isVistureTablet, isCrestaTablet, isMediatekTablet, isConcordeTablet, isGoCleverTablet, isModecomTablet, isVoninoTablet, isECSTablet, isStorexTablet, isVodafoneTablet, isEssentielBTablet, isRossMoorTablet, isiMobileTablet, isTolinoTablet, isAudioSonicTablet, isAMPETablet, isSkkTablet, isTecnoTablet, isJXDTablet, isiJoyTablet, isFX2Tablet, isXoroTablet, isViewsonicTablet, isOdysTablet, isCaptivaTablet, isIconbitTablet, isTeclastTablet, isOndaTablet, isJaytechTablet, isBlaupunktTablet, isDigmaTablet, isEvolioTablet, isLavaTablet, isAocTablet, isMpmanTablet, isCelkonTablet, isWolderTablet, isMiTablet, isNibiruTablet, isNexoTablet, isLeaderTablet, isUbislateTablet, isPocketBookTablet, isKocasoTablet, isHudl, isTelstraTablet, isGenericTablet, isAndroidOS, isBlackBerryOS, isPalmOS, isSymbianOS, isWindowsMobileOS, isWindowsPhoneOS, isiOS, isMeeGoOS, isMaemoOS, isJavaOS, iswebOS, isbadaOS, isBREWOS, isChrome, isDolfin, isOpera, isSkyfire, isIE, isFirefox, isBolt, isTeaShark, isBlazer, isSafari, isTizen, isUCBrowser, isbaiduboxapp, isbaidubrowser, isDiigoBrowser, isPuffin, isMercury, isObigoBrowser, isNetFront, isGenericBrowser, isPaleMoon, isiphone, isIphone, istablet, isIOS, isWhateverYouWan

Vous ne pouvez tester qu’une seule méthode à la fois. Dans mon exemple je veut tester si cet un iPhone. Pour ce faire il suffit d’écrire ceci :

	[[!deviceDetectionTest? &method=`isiPhone`]]

Le Snippet vous renverra simplement un booléen (0 ou 1) selon le support de l’internaute.

Attention il faut toujours appeler le Snippet uncached (sans cache). Donc ne retirez jamais le point d’exclamation qui se trouve après les doubles crochets ouvrants.

Voilà ce tutoriel est fini et j’espère que mon Extra pour MODX vous sera utile.

Partagez cet article

A propos de l'auteur

Steeve

Passionné d’informatique, de Design, de développement d'application et du Web en général (participation au start-up weekend, hackathon, dev Var, formation Google...), j’ai créé ce site afin de partager mes connaissances sur mon système de gestion de contenu préféré MODX. En espérant participer au développement de la communauté.

Commentaires (0)





Tags autorisés : <b><i><br> Ajouter un nouveau commentaire :