前端开发-手机端和pc端显示文字不同的问题

Question

在响应式页面的时候，在手机显示的时候，要有文字显示“长按关注”，在pc上面显示文字为“请扫描关注”，能否适应不同屏幕，出现不同文字,该怎么做的？？

Answer 1

需要做两个方面的考虑：

1. 判断客户端类型

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("不是移动设备");
}

1. 显示信息

<button id="btn">
  文字显示
</button>

具体代码，放在了(CDEPEN)[http://codepen.io/dukegod/pen/EjByXZ].不知道是不是你想要的，不对的地方，可以联系我