在响应式页面的时候,在手机显示的时候,要有文字显示“长按关注”,在pc上面显示文字为“请扫描关注”,能否适应不同屏幕,出现不同文字,该怎么做的??
需要做两个方面的考虑:
判断客户端类型
var client = {
versions: function() {
var u = navigator.userAgent;
return {
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
}
}()
}
//get value
var btnvalue = document.getElementById('btn').innerText;
console.log(btnvalue);
if (client.versions.ios) {
console.log("ios");
document.getElementById('btn').innerHTML = 'ios client';
} else if (client.versions.android) {
console.log("andriod");
document.getElementById('btn').innerHTML = 'andriod client';
} else {
document.getElementById('btn').innerHTML = 'PC client';
console.log("不是移动设备");
}
显示信息
<button id="btn">
文字显示
</button>
具体代码,放在了(CDEPEN)[http://codepen.io/dukegod/pen/EjByXZ].不知道是不是你想要的,不对的地方,可以联系我