Plugin to strip out HTML nodes for responsive sites.

Hi,

I was looking around for a plugin that will be able to strip out HTML nodes from a resource baqsed on device & viewport size. i.e. if I am using bootstrap, and a mobile phone comes along instead of just not displaying class="hidden-xs" elements I'd much rather have modx strip out the HTML before the document is parsed!

obviously I need some kind of plugin that detects the device and passes the info on to my plugin then a plugin to strip the node...

Any thoughts on how to approach this?

[and no, javascrtipt is not an option ]

with this method
http://www.forum.jolichter.de/index.php?topic=224.0

it should be possible to have:

place that at top of your template:


and use the generated placeholder like that:



or have another snippet 'hidden-xs':



and use it like that:

@Bruno17

Interesting, the plugin isn't aware of screen sizes [which I think is only available to javascript [DAMN!!] - but that's actually the least of my concerns...

Modifying templates and HTML is something I want to avoid as this would be something nice to drop into an existing modx site without having to do a bunch of grunt work.

I guess the important thing is when is the information we need available and when does modx process it all, the user agent is available in the request & I guess available before modx really does anything - the viewport size without javascript. [maybe an investigation on how media queries work?] more trickier.

Interesting start:
http://www.smashingmagazine.com/2012/09/24/server-side-device-detection-history-benefits-how-to/