资讯论坛»论坛 › ※会员之家※ › 技术分享 › JS设置自适应页面代码自动识别电脑手机显示对应div内容 ...

回帖中禁止出现的内容，违者将被直接永久禁止访问，删除ID处理：1.违反法律法规，包括但不限于出现带有政治、色情、暴恐信息等内容；2.恶意攻击内容，包括但不限于：恶意攻击党和政府、辱骂跟帖者、攻击主题发布者、不服从论坛管理、挑衅管理者、挑战版规等；3.广告、推广内容，尤其出现带有病毒、恶意代码、广告链接等内容，包括但不限于：QQ号、文字QQ号、微信号、手机号、文字手机号、第三方网址、单位公司名称、网站名称等；4.回帖贴出该主题隐藏资源链接或其它主题隐藏资源链接的行为。

查看: 848|回复: 0

JS设置自适应页面代码自动识别电脑手机显示对应div内容

[复制链接]

弘毅

694 主题	735 帖子	1万积分

管理员

Rank: 9 Rank: 9 Rank: 9

积分: 19765

发表于 2019-6-28 09:49:16 | 显示全部楼层 |阅读模式

<meta charset="utf-8">
<div id="sbbf">这里放电脑显示页面代码</div>
<div id="xbbf">这里放手机显示页面代码</div>
<script>
function IsPC() {
var userAgentInfo = navigator.userAgent;
var Agents = ["Android", "iPhone",
"SymbianOS", "Windows Phone",
"iPad", "iPod"];
var flag = true;
for (var v = 0; v < Agents.length; v++) {
if (userAgentInfo.indexOf(Agents[v]) > 0) {
flag = false;
break;
}
}
return flag;
}
function $(id){
return document.getElementById(id);
}
if(IsPC()){
$("sbbf").style.display = "block";
$("xbbf").style.display = "none";
}
else{
$("sbbf").style.display = "none";
$("xbbf").style.display = "block";
}
</script>

复制代码

打赏鼓励一下！

打赏

使用道具举报

返回列表

回帖中禁止出现的内容，违者将被直接永久禁止访问，删除ID处理：1.违反法律法规，包括但不限于出现带有政治、色情、暴恐信息等内容；2.恶意攻击内容，包括但不限于：恶意攻击党和政府、辱骂跟帖者、攻击主题发布者、不服从论坛管理、挑衅管理者、挑战版规等；3.广告、推广内容，尤其出现带有病毒、恶意代码、广告链接等内容，包括但不限于：QQ号、文字QQ号、微信号、手机号、文字手机号、第三方网址、单位公司名称、网站名称等；4.回帖贴出该主题隐藏资源链接或其它主题隐藏资源链接的行为。

新用户