DeviceDetection est un Snippet utile pour le responsive [Niveau débutant]

• 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`]]

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.

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