首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

分享个通过CSS让JS判断屏幕宽度的方法

因为最近几天给主题加了视频背景,考虑到手机端是不显示背景的,既然不显示就想着视频资源最好也别加载,给手机端省点流量,于是乎想了个骚气的判断方式。...教程 首先给css部分加入如下代码,其中使用媒体查询设置了5个断点,一般常见框架断点都是这样的,默认content的值是0,随着屏幕宽度的变化分别赋值1-5。...html { content: "4"; } } @media (min-width: 1536px) { html { content: "5"; } } 然后我们使用下方的js...获取这个值,最后使用if语句判断值大于某数值时才会执行某些操作,比如我就是判断值大于等于4时才会把视频地址赋值给video标签。...); content=content.replace('"', '').replace('"', ''); if(content>0){ ... } 这么写非常适合配合css框架实现不同屏幕下执行不同js

2.3K20
您找到你想要的搜索结果了吗?
是的
没有找到

通过Js判断客户端为PC端还是手持设备

原理 Js中获取浏览器信息字符串只要使用navigator.userAgent即可,这样我们再利用indexof来判断版本或其它信息了。...browser.versions.iPhone || browser.versions.iPad){ window.location = "http://m.zhaizhainv.com"; } 3.基本版 js...可以像下面这样(PHP实例,其他同理),判断到访问者的User-Agent为空,则返回404: <?.../help.soso.com/webspider.htm(这条可以无视,原因你懂得) 原理、标记信息等说的差不多了,剩下的靠自己啦,不管你要拿去做什么,不要让我知道哦,我什么都不知道= = 参考地址 Js...判断客户端是否为PC还是手持设备 利用JS userAgent判断识别浏览器代码 HTTP请求中的User-Agent 判断浏览器类型的各种方法 网络爬虫的请求标示

7.7K20
领券