第1步:加载 JS 文件(注:GitHub 链接不稳定,请使用你的 whatdevice.min.js 资源路径)<script src="https://wuyumin.github.io/whatdevice/whatdevice.min.js"></script>
第2步:使用对应的方法<script>
//跳转到手机网站(在电脑网页里使用)
//特殊情况:当前访问的URL传递参数itsme=1就不跳转了
whatdevice.go2mob('手机网站网址');
//跳转到电脑网站(在手机网页里使用)
//特殊情况:当前访问的URL传递参数itsme=1就不跳转了
whatdevice.go2web('电脑网站网址');
//识别手机或电脑
if(whatdevice.isMobile){
//手机
}else{
//电脑
}
//识别微信访问
if(whatdevice.isWechat){
//微信
}
//识别微信小程序
if(whatdevice.isMiniProgram){
//微信小程序
}
//识别手机
if(whatdevice.isMobile){
alert('你是手机访问的');
}
//识别苹果手机
if(whatdevice.isiOS){
alert('你是苹果手机');
}
//识别安卓手机
if(whatdevice.isAndroid){
alert('你是安卓手机');
}
//识别电脑
if(!whatdevice.isMobile){
alert('你是电脑访问的');
}
</script>
上面的是一个判断电脑版或者手机版的js文件。里面也有写法,不会写具体的。
我现在想通过上面的js文件,来实现下面的css加载,球具体代码。不会写js。
========================
============
============<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script src="https://wuyumin.github.io/whatdevice/whatdevice.min.js"></script>
<script>
//识别手机或电脑
if(whatdevice.isMobile){
//手机<link rel="stylesheet" type="text/css" href="wap.css" >
}else{
//电脑<link rel="stylesheet" type="text/css" href="pc.css" >
}
</script>
</head><body>
通过提供的那个js文件来加载上面的两个样式,电脑版加载pc.css,。手机版加载wap.css
</body>
</html>球具体代码。
第2步:使用对应的方法<script>
//跳转到手机网站(在电脑网页里使用)
//特殊情况:当前访问的URL传递参数itsme=1就不跳转了
whatdevice.go2mob('手机网站网址');
//跳转到电脑网站(在手机网页里使用)
//特殊情况:当前访问的URL传递参数itsme=1就不跳转了
whatdevice.go2web('电脑网站网址');
//识别手机或电脑
if(whatdevice.isMobile){
//手机
}else{
//电脑
}
//识别微信访问
if(whatdevice.isWechat){
//微信
}
//识别微信小程序
if(whatdevice.isMiniProgram){
//微信小程序
}
//识别手机
if(whatdevice.isMobile){
alert('你是手机访问的');
}
//识别苹果手机
if(whatdevice.isiOS){
alert('你是苹果手机');
}
//识别安卓手机
if(whatdevice.isAndroid){
alert('你是安卓手机');
}
//识别电脑
if(!whatdevice.isMobile){
alert('你是电脑访问的');
}
</script>
上面的是一个判断电脑版或者手机版的js文件。里面也有写法,不会写具体的。
我现在想通过上面的js文件,来实现下面的css加载,球具体代码。不会写js。
========================
============
============<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script src="https://wuyumin.github.io/whatdevice/whatdevice.min.js"></script>
<script>
//识别手机或电脑
if(whatdevice.isMobile){
//手机<link rel="stylesheet" type="text/css" href="wap.css" >
}else{
//电脑<link rel="stylesheet" type="text/css" href="pc.css" >
}
</script>
</head><body>
通过提供的那个js文件来加载上面的两个样式,电脑版加载pc.css,。手机版加载wap.css
</body>
</html>球具体代码。
解决方案 »
- 请推荐一款基于网页的im,谢谢!
- 如何用正则表达式解析标签?
- javascript向事件傳遞函數時的問題,高分哦:)
- 如何得到光标在INPUT(text)中的位置?我想确定光标是否在输入框中的字符串的开始或结尾。
- javascript中有没有类似java中的java.net.URLEncode类中的encode方法?谢谢大家!
- 哪位达人知道HTML控件里name和id的区别?
- 请问如何制作加载页面的进度条?
- 如何用javascript 控制页面设置中的页眉、页脚?
- 在CSDN各位高手的帮助下,做了一个带行号的小东西
- -----关于查找替换的问题-----
- js for in的疑问
- 求解:在ios微信中奇葩失效的脚本。
let CSS=document.createElement("link");
CSS.rel="stylesheet";
CSS.type="text/css"
if(whatdevice.isMobile){
//手机<link rel="stylesheet" type="text/css" href="wap.css" >
CSS.href="wap.css"
}else{
//电脑<link rel="stylesheet" type="text/css" href="pc.css" >
CSS.href="pc.css"
}
document.head.appendChild(CSS)
谢谢,代码可以用,但是在360兼容模式下面,存在不兼容的问题。
在360兼容模式下,无法加载css。
谢谢,代码可以用,但是在360兼容模式下面,存在不兼容的问题。
在360兼容模式下,无法加载css。测试了 我写的这部分代码在360兼容模式下没有问题;应该是whatdevice.isMobile这个插件的问题
谢谢大神指点,感谢。还有一个小问题,就是这个会自动识别手机或者电脑,
我想他通过网页url比如http://127.0.0.1/abc.html?is=diannao 就只加载pc
http://127.0.0.1/abc.html?is=shouji 就加载手机的css样式?如果没有参数,就http://127.0.0.1/abc.html这样子访问,就执行你刚刚的那个js
let CSS=document.createElement("link");
CSS.rel="stylesheet";
CSS.type="text/css"
if(whatdevice.isMobile){
//手机<link rel="stylesheet" type="text/css" href="wap.css" >
CSS.href="wap.css"
}else{
//电脑<link rel="stylesheet" type="text/css" href="pc.css" >
CSS.href="pc.css"
}
document.head.appendChild(CSS)
谢谢大神指点,感谢。还有一个小问题,就是这个会自动识别手机或者电脑,
我想他通过网页url比如http://127.0.0.1/abc.html?is=diannao 就只加载pc
http://127.0.0.1/abc.html?is=shouji 就加载手机的css样式?如果没有参数,就http://127.0.0.1/abc.html这样子访问,就执行你刚刚的那个js
let CSS=document.createElement("link");
CSS.rel="stylesheet";
CSS.type="text/css"
if(whatdevice.isMobile){
//手机<link rel="stylesheet" type="text/css" href="wap.css" >
CSS.href="wap.css"
}else{
//电脑<link rel="stylesheet" type="text/css" href="pc.css" >
CSS.href="pc.css"
}
document.head.appendChild(CSS)<script>
//跳转到手机网站(在电脑网页里使用)
//特殊情况:当前访问的URL传递参数itsme=1就不跳转了
whatdevice.go2mob('手机网站网址');
//跳转到电脑网站(在手机网页里使用)
//特殊情况:当前访问的URL传递参数itsme=1就不跳转了
whatdevice.go2web('电脑网站网址');
//识别手机或电脑
if(whatdevice.isMobile){
//手机
}else{
//电脑
}
特殊情况:当前访问的URL传递参数itsme=1就不跳转了 js能在这里直接终止执行js,跳出吗?
(()=>{
//跳转到手机网站(在电脑网页里使用)
//特殊情况:当前访问的URL传递参数itsme=1就不跳转了
if(itsme===1){
return ;
}
whatdevice.go2mob('手机网站网址');
//跳转到电脑网站(在手机网页里使用)
//特殊情况:当前访问的URL传递参数itsme=1就不跳转了
whatdevice.go2web('电脑网站网址');
//识别手机或电脑
if(whatdevice.isMobile){
//手机
}else{
//电脑
}
})()
这个在360兼容模式下,还有,在微信电脑版上面点击网址打开,css无法加载进来,球解决办法。
document.head是H5新增的,IE9/Safari/Chrome/FF/Opera均支持,ie8及以下不支持;360兼容模式也是支持的;微信PC端内置浏览器还不知道,没试过;
我的代码在360兼容模式中测试过,可以实现css加载,只是会有阻止提示;解决方案我不清楚,你问问其他大神吧;我还是小白阶段