Revision as of 13:12, August 22, 2024 view source Johnrdorazio (talk \| contribs) Bureaucrats, Interface administrators, Administrators 2,413 edits →Testing MobileDetect tags Tags: Mobile edit Mobile web edit ← Older edit		Revision as of 14:02, August 22, 2024 view source Johnrdorazio (talk \| contribs) Bureaucrats, Interface administrators, Administrators 2,413 edits →Testing MobileDetect tags Newer edit →
Line 39: </syntaxhighlight> == Testing MobileDetect parser tags == In this very moment you seem to be using a <mobileonly>mobile</mobileonly><nomobile>desktop</nomobile> device. Here is aan inline string that should only show on mobile devices, using the <code><mobileonly></code> parser tag: <mobileonly>'''I AMam Aa MOBILE ~~DEVICE~~device!'''</mobileonly>▼ ~~=== Mobileonly ===~~ ~~==== Inline html ====~~ ▲Here is a string that should only show on mobile devices: <mobileonly>I AM A MOBILE DEVICE!</mobileonly> Here is aan inline string that should only show on desktop devices, using the <code><nomobile></code> parser tag: <nomobile>'''I AMam Aa DESKTOP ~~DEVICE~~device!'''</nomobile>▼ ~~==== Block html ====~~ Here is an html block-level element that should only show on mobile, using the <code><mobileonly></code> parser tag: <mobileonly> <div style="background-color:yellow;color:darkblue;font-weight:bold;text-align:center;">I AM A MOBILE DEVICE!</div> </mobileonly> ~~Here~~And here is aan html block-level element that should only show on desktop, using the <code><nomobile></code> parser tag:▼ ~~=== Nomobile ===~~ ~~==== Inline html ====~~ ▲Here is a string that should only show on desktop devices: <nomobile>I AM A DESKTOP DEVICE!</nomobile> ~~==== Block html ====~~ ▲Here is a block element that should only show on desktop, using the <code><nomobile></code> tag: <nomobile> <div style="background-color:yellow;color:darkblue;font-weight:bold;text-align:center;">I AM A DESKTOP DEVICE!</div> </nomobile> == Testing MobileDetect parser functions == ~~[[it:Utente:Johnrdorazio]]~~ Here is an inline string that should only show on mobile devices, using the <code>#mobileonly:</code> parser function: {{#mobileonly:'''I am a MOBILE device!'''}} Here is an inline string that should only show on desktop devices, using the <code>#nomobile:</code> parser function: {{#nomobile:'''I am a DESKTOP device!'''}} Here is an html block-level element that should only show on mobile, using the <code>#mobileonly:</code> parser function: {{#mobileonly: <div style="background-color:yellow;color:darkblue;font-weight:bold;text-align:center;">I AM A MOBILE DEVICE!</div> }} And here is an html block-level element that should only show on desktop, using the <code>#nomobile:</code> parser function: {{#nomobile: <div style="background-color:yellow;color:darkblue;font-weight:bold;text-align:center;">I AM A DESKTOP DEVICE!</div> }} == Testing BibleGet tags ==

Johnrdorazio