2016-03-08 41 views
0

我曾在桌面上显示幻灯片,但我不想在移动设备上显示该幻灯片,但是我只想为移动设备制作不同的幻灯片。我确实承担了媒体查询,我可以根据设备隐藏其中一个或另一个,但问题是移动设备仍然会加载这两个幻灯片,我不想这样做。如何为某些设备定义特定的代码

我需要某种.asp的代码为条件,以确定哪些幻灯片获取显示是这样的:

 <% If session("Mobile")="1" Then %> 
    ---display mobile only slideshow--- 
    <% Else %> 
    ---display desktop only slideshow--- 
    <% End If %> 

请记住,我不需要移动重定向。我只需要一种方法来为特定条件定义一组特定的html代码。

+2

该代码应按照您的要求工作。你得到什么错误/问题? – Dijkgraaf

+0

页面是否缓存在设备上?尝试在结尾(或任何其他随机数字)上用'?a = 287234'调用您的页面。 – Paul

回答

0

感谢您的回复。为了清楚起见,我有User-Agents附加工具,它允许我将浏览器更改为任何我喜欢的设备,以便我可以测试以确保它适用于移动设备与桌面设备。在这种情况下,当我将浏览器的用户代理设置为Samgsung Galaxy S5或Iphone 6时,该逻辑不会隐藏桌面幻灯片,其中移动幻灯片不会显示。

但是,它似乎工作在手机中找到,所以我能够通过在url前添加'view-source:'来查看源代码的方式,我可以看到移动幻灯片呈现的代码,但好消息是桌面幻灯片代码没有渲染,因此它不会下载移动设备的幻灯片图像。

尽管逻辑起作用,但我只希望它能与我的浏览器的用户代理工具一起工作,所以我不必在桌面和移动设备之间来回切换以完成我的工作。

+0

我刚刚发现问题,为什么它不能与我的桌面浏览器的用户代理一起工作:(max-device-width:800px)这适用于最大宽度为800px的设备。将其更改为'屏幕和(最大宽度:800px)'暂时允许我现在在桌面浏览器中查看。 – Eddie

相关问题