When trying to change viewports between the different devices, I receive the following error within the browser console and the viewport does not change:
No AEM code has been modified. The version I am using locally is 6.4.2.
For reference, this was a site that was developed using static templates, and was updated to then use editable templates. It was developed by a third-party, so I'm just trying to piece together some of these last loose ends and see if anything was missed during that process.
Try to debug these 2 variables - matches and expressions.
var matches = query.trim().match(REGEX_MEDIA_QUERY),
expressions = ((matches || '') + (matches || '')).trim().match(/\([^\)]+\)/g),
Find out how your custom media query is parsed, split and consumed by this code. You would definitely get some pointers to proceed.
I'm still looking into this issue, and have gone so far as to remove all of the applications client libraries and dependencies, and the issue still occurs.
Other searches brought me to the OSGi configuration com.day.cq.wcm.mobile.core.impl.MobileEmulatorProvider. Could I simply add the path to the page template in an existing configuration, or does a separate one need created for each application?